: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:#fff;--color-surface-raised:#fff;--color-border:#e2e2e5;--color-border-light:#f0f0f2;--color-text:#1a1a2e;--color-text-secondary:#52525b;--color-text-muted:#4a5260;--color-bg-hover:#0000000a;--color-bg-alt:#f0f0f2;--color-bg-elevated:#fff;--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 #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #00000024;--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:#ffffff0f;--color-bg-alt:#1a1a2e;--color-bg-elevated:#22223a;--color-surface-alt:#252540;--color-primary-light:#c70c6f26;--color-accent-light:#4d8a1a26;--color-success-bg:#4d8a1a1a;--color-danger-bg:#ef44441a;--color-warning-bg:#f59e0b1a;--color-info-bg:#3b82f61a;--color-info-text:#93c5fd;--color-cheap-bg:#16a34a26;--color-cheap-text:#86efac;--color-cheap-border:#22c55e;--color-medium-bg:#ca8a0426;--color-medium-text:#fde047;--color-medium-border:#eab308;--color-expensive-bg:#dc262626;--color-expensive-text:#fca5a5;--color-expensive-border:#f87171;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080}@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:#ffffff0f;--color-bg-alt:#1a1a2e;--color-bg-elevated:#22223a;--color-surface-alt:#252540;--color-primary-light:#c70c6f26;--color-accent-light:#4d8a1a26;--color-success-bg:#4d8a1a1a;--color-danger-bg:#ef44441a;--color-warning-bg:#f59e0b1a;--color-info-bg:#3b82f61a;--color-info-text:#93c5fd;--color-cheap-bg:#16a34a26;--color-cheap-text:#86efac;--color-cheap-border:#22c55e;--color-medium-bg:#ca8a0426;--color-medium-text:#fde047;--color-medium-border:#eab308;--color-expensive-bg:#dc262626;--color-expensive-text:#fca5a5;--color-expensive-border:#f87171;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 16px 48px #00000080}}@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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes subtlePulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes heroMesh{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skip-link{width:1px;height:1px;z-index:var(--z-skip-link);background:var(--color-primary,#c70c6f);color:#fff;border-radius:0 0 .5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{width:auto;height:auto;position:fixed;top:0;left:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px;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:100dvh}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}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;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;line-height:1.25}h1{font-size:clamp(1.75rem, 4vw, var(--text-4xl));letter-spacing:-.03em;font-weight:800}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-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.h1-keyword{color:highlight}.hero__title .h1-keyword{-webkit-text-fill-color:unset;color:highlight;background:0 0}}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-md);margin:0 auto}.page{padding:var(--space-xl) 0}.layout{flex-direction:column;min-height:100dvh;display:flex}.layout__main{flex:1}.fav-ticker{display:none}@media (width>=1025px){.fav-ticker{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);display:flex;overflow:hidden}.fav-ticker__icon{color:var(--color-primary);flex-shrink:0}.fav-ticker__items{gap:var(--space-lg);scrollbar-width:none;display:flex;overflow-x:auto}.fav-ticker__items::-webkit-scrollbar{display:none}.fav-ticker__item{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast);text-decoration:none;display:flex}.fav-ticker__item:hover{color:var(--color-primary)}.fav-ticker__name{font-weight:500}.fav-ticker__price{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}}.header{z-index:var(--z-header);box-shadow:0 1px 0 var(--color-border), var(--shadow-sm);-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-bottom:none;padding:0;position:sticky;top:0}:root[data-theme=dark] .header{box-shadow:0 1px 0 var(--color-border), var(--shadow-md);background:#1a1a2eeb}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .header{box-shadow:0 1px 0 var(--color-border), var(--shadow-md);background:#1a1a2eeb}}.header__container{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:var(--container-max);padding:var(--space-md) var(--space-md);margin:0 auto;display:flex}@media (width>=481px){.header__container{padding:var(--space-md) var(--space-lg)}}.header__logo{outline:none;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex;position:relative}.header__logo:after{content:"";opacity:0;filter:blur(10px);z-index:-1;pointer-events:none;background:conic-gradient(#8bc13166,#fcc20b66,#e2156866,#8bc13166);border-radius:50%;transition:opacity .4s;position:absolute;inset:-6px}.header__logo:hover:after{opacity:1;animation:3s linear infinite logo-glow-spin}@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{filter:drop-shadow(0 6px 16px #8bc13180)drop-shadow(0 0 24px #e2156833);transform:scale(1.15)rotate(-4deg)}.header__logo:active .header__logo-img{filter:drop-shadow(0 2px 6px #8bc1314d);transition-duration:.12s;transform:scale(.95)rotate(0)}.header__logo-img{will-change:transform;width:auto;height:52px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s;display:block}@media (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{filter:none;transform:scale(1.05)}}.header__nav{align-items:center;gap:var(--space-xs);display:flex}.header__nav-link{font-size:var(--text-base);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-height:44px;transition:all var(--transition-fast);white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.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{align-items:center;gap:var(--space-xs);display:inline-flex}.header__dropdown{position:relative}.header__nav-link--dropdown{align-items:center;gap:var(--space-xs);cursor:pointer;background:0 0;border:none;font-family:inherit;display:inline-flex}.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{top:calc(100% + var(--space-xs));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:var(--z-dropdown);animation:.15s ease-out searchDropIn;position:absolute;left:50%;transform:translate(-50%)}.header__dropdown-menu--right{left:auto;right:0;transform:none}.header__dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.header__dropdown-item:hover{color:var(--color-primary);background:var(--color-primary-light)}.header__dropdown-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.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{background:var(--color-border);height:1px;margin:var(--space-xs) 0}.header__user-btn{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);min-height:44px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:2px;display:flex}.header__user-btn:hover,.header__user-btn--open{border-color:var(--color-primary);color:var(--color-primary)}.header__auth{align-items:center;gap:var(--space-sm);display:flex}.header__theme-toggle{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.header__theme-toggle:hover{background:var(--color-primary-light);color:var(--color-primary)}.header__hamburger{width:44px;height:44px;padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.header__hamburger:hover{background:var(--color-primary-light)}.header__hamburger-line{background:var(--color-text);width:22px;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);border-radius:2px;display:block}@media (prefers-reduced-motion:reduce){.header__hamburger-line{transition:none}}.header__hamburger--open .header__hamburger-line:first-child{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{background:var(--color-surface);z-index:var(--z-modal);-webkit-overflow-scrolling:touch;opacity:0;pointer-events:none;flex-direction:column;transition:opacity .25s ease-out,transform .25s ease-out;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(8px)}.mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.mobile-menu{transition:none}}.mobile-menu__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;display:flex}.mobile-menu__logo{align-items:center;gap:var(--space-sm);color:var(--color-text);outline:none;text-decoration:none;display:flex}.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);color:var(--color-primary);font-weight:700}.mobile-menu__close{cursor:pointer;border-radius:var(--radius-full);width:44px;height:44px;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.mobile-menu__close:hover,.mobile-menu__close:active{background:var(--color-primary-light)}.mobile-menu__close-line{background:var(--color-text);border-radius:2px;width:20px;height:2px;display:block;position:absolute}.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{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-sm);padding-left:var(--space-xs);font-weight:600;display:block}.mobile-menu__fuel-grid{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.mobile-menu__fuel-card{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-lg);background:var(--color-bg);border:1.5px solid var(--color-border-light);min-height:72px;color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast), background-color var(--transition-fast), transform .15s ease;-webkit-tap-highlight-color:transparent;flex-direction:column;font-weight:600;text-decoration:none;display:flex}.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);color:var(--color-text-muted);font-weight:400;line-height:1}.mobile-menu__nav{padding:var(--space-sm) var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex}.mobile-menu__link{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-md);min-height:52px;font-size:var(--text-base);color:var(--color-text);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;transition:color var(--transition-fast), background-color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.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{color:var(--color-text-muted);flex-shrink:0}.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);gap:var(--space-xs);flex-direction:column;display:flex}.mobile-menu__auth-buttons{gap:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column;display:flex}.mobile-menu__footer{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);align-items:center;gap:var(--space-md);flex-shrink:0;margin-top:auto;display:flex}.mobile-menu__footer-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:44px;font-size:var(--text-sm);color:var(--color-text-muted);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;background:0 0;font-weight:500;display:flex}.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:#0000}.mobile-menu__footer-btn--danger:hover,.mobile-menu__footer-btn--danger:active{color:var(--color-error);border-color:var(--color-error);background:#ef444414}.btn--block{text-align:center;justify-content:center;align-items:center;width:100%;min-height:44px;display:flex}.body--menu-open{overflow:hidden}.header__nav--desktop,.header__auth--desktop{display:none}@media (width>=1025px){.header__hamburger{display:none}.header__nav--desktop,.header__auth--desktop{display:flex}.mobile-menu{display:none}}.footer{color:#e8e8f0;padding:var(--space-3xl) 0 var(--space-lg);background:linear-gradient(#1a1a2e 0%,#0f0f1a 100%);border-top:none;margin-top:auto;position:relative}.footer:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent), var(--color-primary));height:3px;position:absolute;top:0;left:0;right:0}.footer__container{max-width:var(--container-max);padding:0 var(--space-md);margin:0 auto}.footer__columns{gap:var(--space-xl);grid-template-columns:1fr;display:grid}.footer__heading{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-md);font-weight:700}.footer__nav{gap:var(--space-xs);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:#ffffffd1;padding:var(--space-sm) 0;min-height:44px;transition:color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.footer__link:hover{color:#fff}.footer a:hover{text-underline-offset:2px;text-decoration:underline}.footer__text{font-size:var(--text-sm);color:#ffffffc7;line-height:1.7}.footer__ticker{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);margin-bottom:var(--space-md);font-size:var(--text-xs);color:#ffffffb3;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.footer__ticker-label{color:#ffffffd9;font-weight:600}.footer__ticker-prices{align-items:center;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.footer__ticker-sep{color:#ffffff4d}.footer__bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid #ffffff1a}.footer__copyright{font-size:var(--text-xs);color:#ffffffbf;text-align:center}.footer__brand{gap:var(--space-md);flex-direction:column;grid-column:1/-1;display:flex}.footer__logo{align-items:center;gap:var(--space-sm);color:#fff;font-weight:700;font-size:var(--text-lg);text-decoration:none;display:flex}.footer__logo-img{width:36px;height:30px}@media (width>=481px){.footer__columns{grid-template-columns:1fr 1fr}}@media (width>=769px){.footer__columns{grid-template-columns:1.5fr repeat(3,1fr)}.footer__brand{grid-column:revert}}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:10px var(--space-lg);font-size:var(--text-sm);border-radius:var(--radius-lg);white-space:nowrap;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid #0000;border-color:var(--color-border);transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-bg);border-color:var(--color-text-muted);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}.btn:active{box-shadow:none;transition-duration:80ms;transform:translateY(0)}.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{box-shadow:0 2px 6px rgba(var(--color-primary-rgb), .25);transition-duration:80ms;transform:translateY(0)}.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{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.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:"";min-width:44px;min-height:44px;position:absolute;inset:-6px}.btn--xs{padding:2px var(--space-sm);font-size:var(--text-xs);min-height:24px;position:relative}.btn--xs:after{content:"";min-width:44px;min-height:44px;position:absolute;inset:-10px}.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{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-xs);font-weight:600;display:block}.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{font-size:var(--text-sm);color:var(--color-danger);margin-top:var(--space-xs);display:block}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2xs)}.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:.4s formShake}.form-group--error .form-input{border-color:var(--color-danger)}.form-group--error .form-label{color:var(--color-danger)}.form-toggle{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.form-toggle__input{opacity:0;width:0;height:0;position:absolute}.form-toggle__track{background:var(--color-border);border-radius:var(--radius-full);width:44px;height:24px;transition:background var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;position:relative}.form-toggle__track:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.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,.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:"";min-width:44px;min-height:44px;position:absolute;inset:-10px}.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{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.form-checkbox__input{opacity:0;width:0;height:0;position:absolute}.form-checkbox__box{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:20px;height:20px;transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;position:relative}.form-checkbox__box:after{content:"";transform-origin:100% 100%;width:6px;height:10px;transition:transform var(--transition-fast);border:2px solid #fff;border-top:0;border-left:0;position:absolute;top:2px;left:5px;transform:rotate(45deg)scale(0)}.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:"";min-width:44px;min-height:44px;position:absolute;inset:-12px}.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{border:1px solid #fff;width:10px;height:0;top:7px;left:3px;transform:none}.plan-features-grid{gap:var(--space-sm) var(--space-lg);padding:var(--space-sm) 0;grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.plan-features-grid{grid-template-columns:1fr}}.form-radio{align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.form-radio__input{opacity:0;width:0;height:0;position:absolute}.form-radio__circle{border:2px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0;position:relative}.form-radio__circle:after{content:"";background:var(--color-primary);width:10px;height:10px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.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:"";min-width:44px;min-height:44px;position:absolute;inset:-12px}.form-radio__label{font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.form-radio-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-radio-group--horizontal{gap:var(--space-md);flex-flow:wrap}@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-position:right 12px center;background-repeat:no-repeat;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);cursor:default;transform:none}.card--flat{box-shadow:var(--shadow-sm);border:none}.card--flat:hover{box-shadow:var(--shadow-lg)}.card--link{text-align:center;color:var(--color-text);min-height:64px;transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.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);text-decoration:none;transform:translateY(-2px)}.card--link:active{box-shadow:var(--shadow-sm);transition-duration:80ms;transform:translateY(0)}.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);cursor:pointer;color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);flex-direction:column;padding:0;text-decoration:none;display:flex;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);text-decoration:none;transform:translateY(-3px)}}.station-card:active{box-shadow:var(--shadow-sm);transition-duration:80ms;transform:translateY(-1px)}.station-card__header{padding:var(--space-md) var(--space-lg) 0;justify-content:space-between;align-items:center;padding-right:44px;display:flex}.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);border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;padding:3px 10px;font-weight:700}.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{color:#92400e;background:#fffbeb}.color-picker{display:inline-block;position:relative}.color-picker__trigger{background:var(--color-bg,#fff);border:1px solid var(--color-border,#d1d5db);border-radius:var(--radius-sm,4px);cursor:pointer;min-height:44px;font-family:inherit;font-size:var(--text-sm);align-items:center;gap:.5rem;padding:6px 10px;transition:border-color .15s;display:inline-flex}.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{border-radius:var(--radius-sm,4px);border:1px solid var(--color-border,#d1d5db);background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;flex-shrink:0;width:28px;height:28px;display:inline-block}.color-picker__value{font-family:var(--font-mono,ui-monospace, monospace);color:var(--color-text-secondary,#6b7280);font-size:.85em}.color-picker__popover{z-index:50;background:var(--color-bg,#fff);border:1px solid var(--color-border,#d1d5db);border-radius:var(--radius-md,6px);padding:var(--space-sm,8px);min-width:240px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.color-picker__palette{margin-bottom:var(--space-sm,8px);grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.color-picker__chip{aspect-ratio:1;border-radius:var(--radius-sm,4px);cursor:pointer;color:#fff;border:2px solid #0000;justify-content:center;align-items:center;width:100%;min-width:24px;transition:transform .1s,border-color .15s;display:inline-flex;position:relative}.color-picker__chip:hover,.color-picker__chip:focus-visible{outline:none;transform:scale(1.08)}.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{font-size:var(--text-xs);color:var(--color-text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;display:flex}.color-picker__hex-input{font-family:var(--font-mono,ui-monospace, monospace);flex:1;min-height:36px;font-size:.85rem}.station-card__body{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);min-width:0;padding:var(--space-sm) var(--space-lg) var(--space-md);flex:1;display:flex}.station-card__info{flex:1;min-width:0}.station-card__name{font-family:var(--font-display);font-size:var(--text-base);margin-bottom:var(--space-2xs);color:var(--color-text);-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.station-card__address{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.station-card__distance{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-full);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;padding:3px 10px 3px 6px;font-weight:600;display:inline-flex}.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{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;margin-top:4px;font-weight:500;display:inline-flex}.frequency-dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.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{font-family:var(--font-display);color:var(--color-accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;padding:8px 0;font-size:clamp(1.625rem,5vw,2.25rem);font-weight:800;line-height:1;display:flex}.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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;align-self:flex-end;margin-bottom:4px;font-weight:600;line-height:1}.mtks-badge{opacity:.4;transition:opacity var(--transition-fast);vertical-align:middle;display:inline-block}.mtks-badge:hover{opacity:1}.station-card__price-block .mtks-badge{align-self:flex-end}.detail-prices__source{justify-content:space-between;align-items:center;gap:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border-light);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.detail-prices__source-text{font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#6b7280);line-height:1.4}.mtks-badge-wrap{border-radius:var(--radius-sm,4px);align-items:center;display:inline-flex}.mtks-badge-wrap:focus-visible{outline:2px solid var(--color-accent,#d6177a);outline-offset:2px}.station-card__price-na{font-size:var(--text-lg);color:var(--color-text-muted)}.station-card__all-prices{border-top:1px solid var(--color-border-light);flex-direction:column;gap:0;margin-top:auto;padding-top:0;display:flex}.station-card__fuel{text-align:center;padding:var(--space-sm) var(--space-xs);font-size:var(--text-sm);background:var(--color-bg);transition:background var(--transition-fast);border-right:none;border-bottom:1px solid var(--color-border-light);border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:44px;display:flex}.station-card__fuel:last-child{border-bottom:none;border-right: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{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:1px;font-size:.6875rem;font-weight:700;display:block}.station-card__fuel-price{font-weight:700;font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:2px;display:flex}.station-card__fuel-price .price-change{justify-content:center;font-size:.6875rem}.station-map{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;height:min(400px,60vh);min-height:250px;overflow:hidden}@media (width>=769px){.station-map{height:min(500px,65vh)}}.station-marker__bubble{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);text-align:center;white-space:nowrap;border:2px solid #fff;justify-content:center;align-items:center;min-height:36px;padding:6px 10px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 3px 8px #0003}.station-marker__bubble:after{content:"";border-top:7px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.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{vertical-align:super;font-size:.7em;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:0 0!important;border:none!important}.station-cluster{background:var(--color-bg-elevated,#fff);border:2px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:44px;font-size:.75rem;font-weight:600;transition:transform .15s;display:flex;box-shadow:0 2px 8px #00000026}.station-cluster:hover{transform:scale(1.1)}.station-cluster__count{font-size:13px;font-weight:700;line-height:1}.station-cluster__price{opacity:.7;font-size:.75rem;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);white-space:normal;max-width:200px}.leaflet-popup-content{font-size:var(--text-sm);min-width:180px}@media (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{min-width:180px;margin:0}.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);gap:var(--space-sm);flex-direction:column;display:flex}.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{color:var(--color-text);letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.station-popup__price sup{vertical-align:super;font-size:.6em}.station-popup__price-na{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.station-popup__status{font-size:var(--text-xs);border-radius:var(--radius-full,9999px);width:fit-content;padding:2px 8px;font-weight:600;display:inline-block}.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{width:100%;padding:var(--space-sm);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);min-height:44px;font-weight:600;font-size:var(--text-sm);cursor:pointer;text-align:center;margin-top:var(--space-xs);border:none;transition:opacity .15s;display:block}.station-popup__details-btn:hover{opacity:.9}.search-bar{z-index:calc(var(--z-header) - 1);max-width:720px;margin:0 auto;position:relative}.search-bar__input-group{position:relative}.search-bar__input{width:100%;padding:14px var(--space-md);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);padding-right:40px}.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{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);outline:none}.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{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.search-bar__suggestions{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;animation:.2s ease-out searchDropIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@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{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);text-align:left;min-height:44px;font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:0;display:flex}.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,.search-bar__suggestion:last-child{border-radius:0}.search-bar__suggestion-label{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.search-bar__suggestion-label--with-action{justify-content:space-between;align-items:center;display:flex}.search-bar__clear-recent{color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);min-height:44px;transition:color var(--transition-fast);text-transform:none;letter-spacing:normal;background:0 0;border:none;align-items:center;gap:4px;font-weight:400;display:inline-flex}.search-bar__clear-recent:hover{color:var(--color-danger)}.search-bar__suggestion--recent{gap:var(--space-sm)}.search-bar__suggestion-icon{color:var(--color-text-muted);flex-shrink:0}.search-bar__suggestion-meta{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0;margin-left:auto}.search-bar__suggestion--empty{color:var(--color-text-muted);cursor:default;padding:10px var(--space-lg);font-style:italic}.search-bar__suggestion--empty:hover{color:var(--color-text-muted);padding-left:var(--space-lg);background:0 0}.search-bar__highlight{background:rgba(var(--color-primary-rgb), .15);color:var(--color-primary);border-radius:2px;padding:0 1px;font-weight:600}.search-bar__spinner{flex-shrink:0;animation:.8s linear infinite spin}.search-bar__suggestion--loading{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);cursor:default;display:flex}.search-bar__suggestion--loading:hover{color:var(--color-text-muted);padding-left:var(--space-lg);background:0 0}.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:20s ease-in-out infinite heroMesh;position:relative;overflow:clip visible}.hero:before{content:"";background:radial-gradient(circle, rgba(var(--color-primary-rgb), .06) 0%, transparent 60%);pointer-events:none;width:min(700px,100vw);height:min(700px,100vw);animation:8s ease-in-out infinite subtlePulse;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero:after{content:"";background:linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb), .2) 50%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.hero__title{font-family:var(--font-display);margin-bottom:var(--space-md);letter-spacing:-.035em;color:var(--color-text);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,5vw,3.25rem);font-weight:800;line-height:1.1;animation:.8s ease-out both fadeInUp}:root[data-theme=dark] .hero__title{background:linear-gradient(135deg,#e8e8f0 0%,#e87ab5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero__title{background:linear-gradient(135deg,#e8e8f0 0%,#e87ab5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.hero__title{-webkit-text-fill-color:unset;background:0 0}}.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:.8s ease-out .1s both fadeInUp}.hero .search-bar{animation:.8s ease-out .2s both fadeInUp}@media (prefers-reduced-motion:reduce){.hero__nearby-btn{animation:none}}@media (width>=641px){.hero{padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero__subtitle{font-size:var(--text-lg)}}.hero__tank-nudge{justify-content:center;align-items: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);text-align:center;font-weight:500;line-height:1.4;animation:.5s ease-out fadeIn;display:inline-flex}.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{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__nearby-btn{align-items:center;gap:var(--space-xs);animation:.6s ease-out both fadeIn;display:inline-flex}.hero__last-search{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);min-height:44px;line-height:1.4;animation:.8s ease-out .4s both fadeIn;display:inline-flex}.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);box-shadow:0 2px 8px rgba(var(--color-primary-rgb), .12);transform:translateY(-1px)}.hero__last-search:active{box-shadow:none;transform:translateY(0)}.home-badges{justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);max-width:var(--container-md,960px);flex-wrap:wrap;margin:0 auto;display:flex}.home-badges__badge{border-radius:var(--radius-full);font-size:var(--text-sm);align-items:center;gap:4px;padding:6px 12px;font-weight:500;line-height:1.4;animation:.5s ease-out fadeIn;display:inline-flex}.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)}.home-badges__info{margin:var(--space-xs) 0 0;text-align:center;font-size:var(--text-xs,.75rem);color:var(--color-text-muted,#6b7280);flex-basis:100%;line-height:1.5}.price-trend__fuel-toggle{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.price-trend__cards{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.price-trend__card{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);flex-direction:column;display:flex}.price-trend__card-label{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.price-trend__card-price{font-size:var(--text-2xl,1.5rem);color:var(--color-text);font-weight:700}.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 #0000}.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{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.loading-spinner__circle{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.price-trend-badge{align-items:center;gap:var(--space-sm);display:inline-flex}.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{font-size:var(--text-sm);align-items:center;gap:2px;font-weight:600;display:inline-flex}.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{font-size:var(--text-xs);color:var(--color-text-muted);display:inline-block}.price-range-link{color:inherit;border-radius:var(--radius-md,8px);text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.price-range-link:hover{box-shadow:var(--shadow-md,0 4px 12px #0000001a);transform:translateY(-2px)}.price-range-bar{padding:var(--space-sm) 0}.price-range-bar__labels{font-size:var(--text-sm);margin-bottom:var(--space-xs);justify-content:space-between;display:flex}.price-range-bar__fuel{font-weight:700}.price-range-bar__track{border-radius:var(--radius-full);background:var(--color-border-light);height:8px;position:relative;overflow:hidden}.price-range-bar__fill{background:linear-gradient(90deg, var(--color-accent), var(--color-warning), var(--color-danger));border-radius:var(--radius-full);position:absolute;inset:0}.price-range-bar__marker{background:var(--color-text);width:4px;height:16px;box-shadow:var(--shadow-sm);border-radius:2px;position:absolute;top:-4px;transform:translate(-50%)}.price-range-bar__avg-label{margin-top:var(--space-xs);font-size:var(--text-xs);font-weight:600;position:relative;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{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.price-gauge__circle{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:inline-flex}.price-gauge__number{background:var(--color-surface);width:120px;height:120px;font-size:var(--text-2xl);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:800;display:flex}.price-gauge__label{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.price-gauge__comparisons{text-align:left;width:100%;max-width:320px}.price-gauge__row{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);display:flex}.price-gauge__row--good strong{color:var(--color-success)}.price-gauge__row--bad strong{color:var(--color-danger)}.price-history-chart__controls{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.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);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500}.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{grid-template-columns:32px repeat(24,minmax(24px,1fr));gap:1px;min-width:640px;display:grid}.weekday-heatmap__row{display:contents}.weekday-heatmap__day-label{align-items:center;font-size:.75rem;font-weight:600;display:flex}.weekday-heatmap__hour-label{font-size:var(--text-xs);text-align:center;color:var(--color-text-muted)}.weekday-heatmap__cell{aspect-ratio:auto;cursor:default;min-height:24px;transition:outline var(--transition-fast);border-radius:3px;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{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);font-size:var(--text-xs);display:flex}.weekday-heatmap__legend-bar{border-radius:var(--radius-full);background:linear-gradient(90deg,#43a047,#fdd835,#e53935);flex:1;height:8px}.weekday-heatmap__recommendation{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.weekday-heatmap{-webkit-overflow-scrolling:touch;overflow-x:auto}.weekday-heatmap__hour-label:nth-child(odd){visibility:hidden}@media (width>=769px){.weekday-heatmap{-webkit-overflow-scrolling:revert;overflow-x:visible}.weekday-heatmap__grid{min-width:revert;grid-template-columns:40px repeat(24,1fr);gap:2px}.weekday-heatmap__cell{min-width:revert;aspect-ratio:1;min-height:16px}.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{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);justify-content:space-between;display:flex}.brand-compare__row{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);grid-template-columns:1fr;display:grid}.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{height:20px;position:relative}.brand-compare__whisker{background:var(--color-text-muted);height:2px;position:absolute;top:7px}.brand-compare__iqr{background:color-mix(in srgb, var(--color-primary) 35%, transparent);border-radius:3px;height:12px;position:absolute;top:2px}.brand-compare__median{background:var(--color-primary);border-radius:1px;width:3px;height:16px;position:absolute;top:0}.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);color:var(--color-text-muted);margin-left:var(--space-sm);font-weight:400}.brand-compare__toggle{text-align:center;margin-top:var(--space-lg)}@media (width>=641px){.brand-compare__row{gap:var(--space-sm);grid-template-columns:120px 1fr 80px}.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{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-md) 0;max-width:var(--container-max);padding-left:var(--space-md);padding-right:var(--space-md);flex-wrap:wrap;align-items:center;gap:0;margin:0 auto;display:flex}.breadcrumbs__item{align-items:center;display:inline-flex}.breadcrumbs__separator{margin:0 var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs);opacity:.5;align-items:center;display:inline-flex}.breadcrumbs__link{color:var(--color-text-secondary);padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.breadcrumbs__link:hover{color:var(--color-primary);background:var(--color-primary-light);text-decoration:none}.breadcrumbs__current{color:var(--color-text);padding:2px var(--space-xs);font-weight:600}.pagination{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xl) 0;display:flex}.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);cursor:pointer;min-width:44px;min-height:44px;transition:all var(--transition-fast)}@media (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{min-width:36px;min-height:36px;color:var(--color-text-muted);font-size:var(--text-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.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}.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{-webkit-overflow-scrolling:touch;overflow-x:auto}.mt-xl{margin-top:var(--space-xl)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fuel-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;padding:2px 10px;font-weight:700;display:inline-block}.fuel-badge--e5{color:var(--color-e5);background:#71b62c1f}.fuel-badge--e10{color:var(--color-e10);background:#3b82f61f}.fuel-badge--diesel{color:var(--color-diesel);background:#f59e0b1f}.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);padding:var(--space-lg) var(--space-md);margin:0 auto}section h2{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);position:relative}section h2:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:2px;width:48px;height:3px;position:absolute;bottom:0;left:0}.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{gap:var(--space-sm);flex-direction:column;align-items:stretch;display:flex}.search-bar__input-wrapper{flex:1;min-width:100%;position:relative}.search-bar__row>select.form-input{width:100%;min-width:0;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);transition:all var(--transition-fast);cursor:pointer;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-position:right 12px center;background-repeat:no-repeat}.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 (width>=641px){.search-bar__radius{min-width:100px}.search-bar__row>select.form-input{width:auto}}.search-bar__locate-icon{border-radius:var(--radius-full,50%);background:var(--color-accent-light);width:44px;height:44px;color:var(--color-accent-dark);cursor:pointer;transition:all var(--transition-fast);z-index:1;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.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:1s linear infinite spin}.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{background:var(--color-success,#22c55e);border:1.5px solid var(--color-surface);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.search-bar__locate-toast{right:0;top:calc(100% + var(--space-xs,4px));background:var(--color-text);color:var(--color-surface);font-size:var(--text-xs);border-radius:var(--radius-md);white-space:nowrap;z-index:calc(var(--z-dropdown) + 1);pointer-events:none;padding:4px 10px;animation:2s ease-in-out fade-in-out;position:absolute}@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{justify-content:center;width:100%}@media (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{align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.station-browse__header h1{margin-bottom:0}.station-browse__count{color:var(--color-text-muted);font-size:var(--text-sm)}.station-browse__toolbar{gap:var(--space-sm);margin-bottom:var(--space-md);flex-flow:column wrap;align-items:stretch;display:flex}.station-browse__search{flex:1;min-width:200px;position:relative}.station-browse__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.station-browse__search-input{border:2px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);background:var(--color-surface);color:var(--color-text);padding:10px 36px 10px 40px;transition:border-color .2s}.station-browse__search-input:focus{border-color:var(--color-accent);outline:none}.station-browse__search-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.station-browse__search-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.station-browse__search-clear:hover{color:var(--color-text);background:var(--color-bg-hover)}.station-browse__fuel-tabs{background:var(--color-bg-hover);border-radius:var(--radius-md);order:-1;justify-content:center;gap:2px;padding:3px;display:flex}.station-browse__fuel-tab{color:var(--color-text-muted);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-weight:600;transition:all .2s}.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{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.station-browse__filter-badge{background:var(--color-accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.station-browse__filters{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:none}.station-browse__select{border:2px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;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-position:right 10px center;background-repeat:no-repeat;width:100%;padding:10px 36px 10px 14px}.station-browse__select:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.station-browse__select:focus{border-color:var(--color-accent);outline:none}.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{justify-content:center;align-items:center;gap:var(--space-xs);margin-top:var(--space-xl);padding:var(--space-md) 0;display:flex}.station-browse__page-numbers{align-items:center;gap:0;display:flex}.station-browse__page-btn{min-width:44px;height:44px;color:var(--color-text-muted);font-size:var(--text-xs);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;font-weight:500;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{text-align:center;min-width:36px;color:var(--color-text-muted);font-size:var(--text-sm)}.station-browse__filters--open{flex-direction:column;display:flex}@media (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{flex-direction:revert;display:none}.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{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=769px){.station-list{grid-template-columns:repeat(2,1fr)}}.price-display{letter-spacing:-.02em;font-weight:800;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{vertical-align:super;font-size:.6em;font-weight:700}.fuel-tabs{background:var(--color-bg-alt);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.fuel-tabs__btn{padding:6px var(--space-lg);border-radius:var(--radius-full);min-height:44px;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600}.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{background:var(--color-border-light);border-radius:var(--radius-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:2px;width:100%;padding:3px;display:flex;overflow-x:auto}.analytics-tabs__btn{padding:6px var(--space-xs);border-radius:var(--radius-md);min-height:44px;font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;background:0 0;border:none;flex:1 0;font-weight:500}.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{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);font-size:var(--text-sm);transition:all var(--transition-base);border:1px dashed rgba(var(--color-primary-rgb), .3);font-weight:500;text-decoration:none;display:flex}.login-alert-cta:hover{background:rgba(var(--color-primary-rgb), .08);color:var(--color-primary);box-shadow:var(--shadow-sm);border-style:solid;transform:translateY(-1px)}.login-alert-cta__icon{font-size:var(--text-base)}.detail-section--subtle{margin-bottom:var(--space-md)}.analytics-tabs::-webkit-scrollbar{display:none}@media (width>=481px){.analytics-tabs{width:revert;scrollbar-width:revert;-webkit-overflow-scrolling:revert;display:inline-flex;overflow-x:visible}.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{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);max-width:var(--content-width,1200px);margin:0 auto;display:flex}.fuel-switcher__btn{text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md,8px);color:var(--color-text-secondary);background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);flex:1;font-weight:600;text-decoration:none;transition:all .15s}.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);padding:var(--space-lg) var(--space-md);margin:0 auto;animation:.6s ease-out both fadeInUp}.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);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700}.home-intro p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.home-intro__learn-more{color:var(--color-primary);font-weight:500;text-decoration:none}.home-intro__learn-more:hover{text-decoration:underline}.home-faq h2{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700}.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);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700}.station-about p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.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);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:800}.tool-page__lead{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:1.0625rem;line-height:1.6}.tool-page__section{margin-top:var(--space-xl)}.tool-page__section h2{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700}.tool-page__section p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.tool-page__formula{background:var(--color-surface-alt,#0000000a);border-left:3px solid var(--color-primary);color:var(--color-text);white-space:pre-wrap;border-radius:4px;padding:.875rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375rem;display:block;overflow-x:auto}.tool-page__list{color:var(--color-text-secondary);padding-left:1.25rem;line-height:1.7}.tool-page__list li{margin-bottom:.625rem}.tool-page__disclaimer{margin-top:var(--space-xl);background:var(--color-surface-alt,#0000000a);border-left:3px solid var(--color-text-muted);color:var(--color-text-muted);border-radius:4px;padding:.875rem 1rem;font-size:.875rem;line-height:1.5}.vergleich-table-wrap{border:1px solid var(--color-border);border-radius:8px;margin-top:1.25rem;overflow-x:auto}.vergleich-table{border-collapse:collapse;width:100%;font-size:.9375rem}.vergleich-table thead{background:var(--color-surface-alt,#0000000a)}.vergleich-table th,.vergleich-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem .875rem}.vergleich-table tbody tr:last-child td{border-bottom:none}.vergleich-table__row--cheapest{background:var(--color-success-bg,#22c55e14)}.vergleich-table__note{color:var(--color-text-muted);margin-top:.125rem;font-size:.75rem}.vergleich-table__badge{background:var(--color-success,#22c55e);color:#fff;letter-spacing:.025em;border-radius:999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.tool-calc{background:var(--color-surface,#fff);border:1px solid var(--color-border);margin-top:var(--space-lg);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #00000008}.tool-calc__fuel-switcher{flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;display:flex}.tool-calc__fuel-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;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{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.tool-calc__inputs{grid-template-columns:1fr 1fr}}.tool-calc__field{flex-direction:column;gap:.375rem;display:flex}.tool-calc__label{color:var(--color-text);font-size:.875rem;font-weight:500}.tool-calc__input-wrap{border:1px solid var(--color-border);background:var(--color-surface,#fff);border-radius:8px;align-items:stretch;display:flex;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{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;padding:.625rem .75rem;font-size:1rem}.tool-calc__input:focus{outline:none}.tool-calc__unit{background:var(--color-surface-alt,#0000000a);color:var(--color-text-muted);border-left:1px solid var(--color-border);white-space:nowrap;align-items:center;padding:0 .75rem;font-size:.875rem;display:inline-flex}.tool-calc__hint{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.tool-calc__result{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.25rem}.tool-calc__result-primary{background:var(--color-primary-bg,#9333ea14);text-align:center;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex}.tool-calc__result-label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.875rem}.tool-calc__result-value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.tool-calc__result-row{grid-template-columns:1fr 1fr;gap:.625rem;margin-top:1rem;display:grid}@media (width>=640px){.tool-calc__result-row{grid-template-columns:repeat(4,1fr)}}.tool-calc__result-item{background:var(--color-surface-alt,#00000008);text-align:center;border-radius:6px;flex-direction:column;padding:.625rem .75rem;display:flex}.tool-calc__result-sub-label{color:var(--color-text-muted);font-size:.75rem}.tool-calc__result-sub-value{color:var(--color-text);font-variant-numeric:tabular-nums;margin-top:.125rem;font-size:1rem;font-weight:600}.city-intro,.city-faq{max-width:760px;margin:var(--space-lg) auto 0}.city-intro p,.rte-content p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.rte-content h2{font-size:var(--text-xl);margin:var(--space-lg) 0 var(--space-sm);color:var(--color-text);font-weight:700}.rte-content h3{font-size:var(--text-lg);margin:var(--space-md) 0 var(--space-xs);color:var(--color-text);font-weight:600}.rte-content ul,.rte-content ol{margin:0 0 var(--space-md);color:var(--color-text-secondary);padding-left:1.5rem;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,#0000000a);border-radius:4px;padding:.1em .35em;font-size:.9em}.city-faq h2{font-size:var(--text-xl);margin-bottom:var(--space-md);color:var(--color-text);font-weight:700}@media (width>=481px){.home-intro h2,.home-faq h2{font-size:var(--text-2xl)}}.section__header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.stats-row{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.stat-card{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;text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-xs);flex-direction:column;flex:1;width:100%;animation:.5s ease-out both fadeInUp;display:flex;position:relative;overflow:hidden}.stats-row .stat-card:first-child{animation-delay:50ms}.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;color:var(--color-text-muted);margin-top:var(--space-sm);font-size:.8125rem}.stat-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));height:3px;transition:transform var(--transition-base) ease-out;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.station-closed-banner{border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626}.station-closed-banner strong{margin-bottom:.25rem;font-size:1rem;display:block}.station-closed-banner p{color:#991b1b;margin:0;font-size:.875rem}.station-closed-banner--warning{color:#78350f;background:#fffbeb;border-color:#fde68a #fde68a #fde68a #d97706}.station-closed-banner--warning p{color:#92400e}.detail-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border-light);flex-wrap:wrap;display:flex;position:relative}.detail-header:after{content:"";background:var(--color-primary);border-radius:1px;width:80px;height:2px;position:absolute;bottom:-2px;left:0}.detail-header__meta{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-xs);align-items:center;gap:.375rem;display:flex}.detail-header__map-link{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--color-primary-rgb), .3);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{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.station-header__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);margin:0;font-weight:400;line-height:1.25}.station-header__brand{font-weight:700}.station-header__label{color:var(--color-text-muted);font-weight:400}.station-header__label:before{content:" "}.station-header__info{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.station-header__address{align-items:flex-start;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5;display:flex}.station-header__actions{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.station-header__address-icon{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.station-header__street{display:block}.station-header__city{color:var(--color-text-muted);display:block}.station-header__map-link{color:inherit;transition:color var(--transition-fast);text-decoration:none}.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-underline-offset:2px;text-decoration:underline}.station-header__tagline{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-md) 0 0;opacity:.6;font-weight:400}.station-header__meta-row{align-items:center;gap:var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.community-badge{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);white-space:nowrap;font-weight:500;display:inline-flex}.quick-rating{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) 0;display:inline-flex}.quick-rating__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.quick-rating__stars{gap:2px;display:flex}.quick-rating__star{all:unset;cursor:pointer;color:var(--color-border);transition:color var(--transition-fast), transform var(--transition-fast);border-radius:var(--radius-sm);padding:2px;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{border-radius:var(--radius-lg);margin-top:var(--space-sm);border:1px solid var(--color-border-light);cursor:pointer;transition:box-shadow var(--transition-fast);display:block;position:relative;overflow:hidden}.minimap-wrapper:hover{box-shadow:var(--shadow-md)}.minimap-wrapper__overlay{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;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.minimap-wrapper:hover .minimap-wrapper__overlay{opacity:1}.minimap{pointer-events:none;width:100%;height:120px}.minimap-marker__pin{background:var(--color-primary);border:3px solid var(--color-surface);width:16px;height:16px;box-shadow:var(--shadow-md);border-radius:50%}@media (width>=601px){.minimap{height:160px}}@media (width>=769px){.minimap{height:180px}}.price-board{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg);overflow:hidden}.price-board__header{padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.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{background:var(--color-border);grid-template-columns:1fr;gap:1px;display:grid}.price-board__footer{padding:var(--space-xs) var(--space-md);background:var(--color-bg-alt);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.price-board__footer .mtks-badge{opacity:.5}.price-sign{padding:var(--space-md) var(--space-lg);background:var(--color-surface);flex-direction:column;align-items:center;transition:background .3s;display:flex;position:relative}.price-sign__fuel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-2xs);font-weight:700}.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{align-items:flex-start;gap:var(--space-xs);line-height:1;display:flex}.price-sign__digits{font-family:var(--font-mono,"JetBrains Mono", ui-monospace, monospace);letter-spacing:-.02em;font-size:clamp(2.25rem,8vw,3rem);font-weight:700;transition:color .3s}.price-sign__digits--na{color:var(--color-text-muted);opacity:.4;font-size:2rem}.price-sign__sup{vertical-align:super;font-size:.45em;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{align-self:center;animation:1.5s ease-in-out infinite price-arrow-pulse;display:flex}.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{font-size:var(--text-xs);border-radius:var(--radius-full);margin-top:var(--space-xs);align-items:center;gap:3px;padding:2px 8px;font-weight:600;display:inline-flex}.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{color:var(--color-text-muted);margin-top:var(--space-2xs);font-size:10px}.price-sign--flash-down{animation:1.5s ease-out sign-flash-green}.price-sign--flash-up{animation:1.5s ease-out sign-flash-red}@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 (width>=601px){.price-board__signs{grid-template-columns:repeat(3,1fr)}.price-sign__digits{font-size:3.5rem}}@media (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 #4ade8080,0 0 50px #4ade8026}[data-theme=dark] .price-sign--e10 .price-sign__digits{color:#60a5fa;text-shadow:0 0 20px #60a5fa80,0 0 50px #60a5fa26}[data-theme=dark] .price-sign--diesel .price-sign__digits{color:#fbbf24;text-shadow:0 0 20px #fbbf2480,0 0 50px #fbbf2426}[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:1.5s ease-out sign-flash-green-dark}[data-theme=dark] .price-sign--flash-up{animation:1.5s ease-out sign-flash-red-dark}@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{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.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);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.detail-prices__item:before{content:"";border-radius:var(--radius-full);width:3px;height:auto;position:absolute;inset:.5rem auto .5rem 0}.detail-prices__item:first-child: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);border-color:rgba(var(--color-primary-rgb), .15);transform:translateY(-2px)}.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 (width>=601px){.detail-section--primary-group{padding:var(--space-lg);border-radius:var(--radius-xl)}}.detail-section__body-wrapper{transition:grid-template-rows var(--transition-base);grid-template-rows:0fr;display:grid;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{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.opening-hours__item{font-size:var(--text-sm);transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light);grid-template-columns:1fr auto;align-items:center;padding:.625rem .75rem;display:grid}.opening-hours__item:last-child{border-bottom:none}.opening-hours__item:hover{background:var(--color-bg-hover)}.opening-hours__day{color:var(--color-text);font-weight:500;font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.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);background:var(--color-success-bg);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-xs);padding:2px 8px}.opening-hours__time--closed{color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-xs);padding:2px 8px}.opening-hours__item--today{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));font-weight:600;position:relative}.opening-hours__item--today:before{content:"";background:var(--color-primary);width:3px;position:absolute;top:0;bottom:0;left:0}.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{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);align-items:center;gap:.25rem;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.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 (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{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.service-tags__item{background:var(--color-surface-alt);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);transition:background var(--transition-fast), border-color var(--transition-fast);padding:.375rem .875rem;font-weight:500}.service-tags__item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.service-tag{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);align-items:center;gap:.25rem;padding:.25rem .625rem;line-height:1.2;display:inline-flex}.service-tag svg{opacity:.7;flex-shrink:0}.photo-gallery{gap:var(--space-md);flex-wrap:wrap;display:flex}.photo-gallery__img{object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);width:100%;max-width:100%;height:180px;transition:transform var(--transition-fast)}.photo-gallery__img:hover{transform:scale(1.03)}.best-time-list{flex-direction:column;gap:2px;max-width:480px;display:flex}.best-time-list__item{border-radius:var(--radius-md);font-size:var(--text-sm);font-variant-numeric:tabular-nums;transition:background var(--transition-fast);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.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{gap:var(--space-md);flex-flow:column wrap;display:flex}.best-time-summary__item{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);flex:200px}.best-time-summary__item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.best-time-summary__item--good{background:color-mix(in srgb, #43a047 8%, var(--color-surface));border-color:color-mix(in srgb, #43a047 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, #e53935 8%, var(--color-surface));border-color:color-mix(in srgb, #e53935 25%, var(--color-border))}.best-time-summary__item--bad:hover{box-shadow:0 6px 20px #e539351a}.best-time-summary__hour{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;font-weight:700;display:block}.best-time-summary__label{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-xs) 0;display:block}.best-time-summary__price{font-size:var(--text-lg);font-weight:600;display:block}.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:2s ease-in-out 3 pulse-nudge}@keyframes pulse-nudge{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 0 12px #4d8a1a4d}}@media (prefers-reduced-motion:reduce){.best-time-summary__tip--pulse{animation:none}}@media (width>=481px){.best-time-summary{flex-direction:revert;gap:var(--space-lg)}}.dash{max-width:var(--container-md,860px);padding:0 var(--space-md);margin:0 auto}.consent-reminder{justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-surface-alt,#f6f7f9);border:1px solid var(--color-warn,#f59e0b);border-radius:var(--radius-md,8px);border-left-width:4px;flex-wrap:wrap;display:flex}.consent-reminder__body{flex:320px}.consent-reminder__title{margin:0 0 .25rem;font-size:1rem;font-weight:700}.consent-reminder__text{color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.875rem}.consent-reminder__links{margin:0;font-size:.8125rem}.consent-reminder__links a{color:var(--color-primary);text-decoration:underline}.consent-reminder__actions{flex-shrink:0;gap:.5rem;display:flex}.dash__header{padding:var(--space-2xl) 0 var(--space-lg)}.dash__greeting{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);font-weight:500}.dash__user-name{font-size:var(--text-3xl);margin:0 0 var(--space-sm);font-weight:800;line-height:1.15}.dash__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.dash__stats-loading{padding:var(--space-xl) 0}.dash__stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:1fr;display:grid}@media (width>=401px){.dash__stats{grid-template-columns:repeat(2,1fr)}}@media (width>=769px){.dash__stats{grid-template-columns:repeat(4,1fr)}}.dash__stat{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);display:flex}.dash__stat:hover{box-shadow:var(--shadow-md)}.dash__stat-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--stat-color) 12%, transparent);width:44px;height:44px;color:var(--stat-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash__stat-content{min-width:0}.dash__stat-value{font-size:var(--text-xl);color:var(--color-text);white-space:nowrap;font-weight:700;line-height:1.2;display:block}.dash__stat-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;font-weight:500;display:block}.dash__badges{gap:var(--space-sm);margin-top:var(--space-lg);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.dash__section{margin-top:var(--space-lg)}.dash__section-title{align-items:center;gap:var(--space-xs);font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-sm);font-weight:600;display:flex}.recent-stations{background:var(--border-primary);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.recent-stations__item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-primary);color:inherit;text-decoration:none;transition:background .15s;display:flex}.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{font-weight:500;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.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{background:var(--color-border);height:8px;margin-bottom:var(--space-sm);border-radius:4px;overflow:hidden}.dash__leaderboard-fill{background:linear-gradient(90deg, var(--color-success), var(--color-primary));border-radius:4px;height:100%;transition:width .5s}.dash__leaderboard-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin:0;font-weight:600}.dash__badge{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);border-radius:var(--radius-full,999px);transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.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{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text);display:flex}.achievements__title{font-size:var(--text-base);flex:1;margin:0;font-weight:600}.achievements__count{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.achievements__grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.achievements__badge{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();transition:all var(--transition-base);flex-direction:column;display:flex}.achievements__badge--unlocked{opacity:1;filter:none;background:var(--color-primary-light);color:var(--color-primary);border:2px solid #0000}.achievements__badge--bronze{background:#cd7f3214;border-color:#cd7f32}.achievements__badge--silver{background:#a0a0a014;border-color:#a0a0a0}.achievements__badge--gold{background:#ffd7001a;border-color:gold}.achievements__tier{text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:700}.achievements__label{font-size:var(--text-xs);font-weight:600}.achievements__bar{background:var(--color-border);border-radius:2px;width:100%;height:3px;overflow:hidden}.achievements__bar-fill{background:var(--color-primary);border-radius:2px;height:100%;transition:width .5s}.achievements__progress{color:var(--color-text-muted);font-size:.65rem}.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{top:var(--space-sm);right:var(--space-sm);color:var(--color-warning,#f59e0b);animation:.6s ease-out challenge-pop;position:absolute}@keyframes challenge-pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}60%{opacity:1;transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.challenge__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.challenge__icon-wrap{border-radius:var(--radius-md);background:var(--color-primary-light);width:40px;height:40px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.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);color:var(--color-text);margin:0;font-weight:600}.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);color:var(--color-text);font-weight:600}.challenge__subdesc{margin:0 0 var(--space-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.challenge__progress{align-items:center;gap:var(--space-sm);display:flex}.challenge__bar{background:var(--color-border);border-radius:4px;flex:1;height:8px;overflow:hidden}.challenge__bar-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .5s}.challenge--completed .challenge__bar-fill{background:var(--color-success,#22c55e)}.challenge__progress-label{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.year-review{max-width:720px;padding:var(--space-md);margin:0 auto}.year-review__hero{text-align:center;padding:var(--space-xl) 0 var(--space-lg);color:var(--color-primary)}.year-review__year{margin:var(--space-sm) 0 0;color:var(--color-text);font-size:clamp(2.5rem,8vw,4rem);font-weight:800;line-height:1}.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{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0;color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex}.year-review__stats{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.year-review__stats{grid-template-columns:repeat(4,1fr)}}.year-review__stat{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));flex-direction:column;display:flex}.year-review__stat-value{font-size:var(--text-lg);color:var(--color-text);font-weight:700}.year-review__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.year-review__highlight{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);display:flex}.year-review__highlight div{flex-direction:column;gap:2px;display:flex}.year-review__highlight-label{font-size:var(--text-sm);color:var(--color-text-muted)}.year-review__highlight-value{font-size:var(--text-base);color:var(--color-text);font-weight:600}.year-review__months{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.year-review__month-card{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;flex-direction:column;display:flex}.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);color:var(--color-text);font-weight:600}.year-review__chart{margin:var(--space-lg) 0}.year-review__section-title{align-items:center;gap:var(--space-sm);font-size:var(--text-base);margin:0 0 var(--space-md) 0;color:var(--color-text);font-weight:600;display:flex}.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{justify-content:center;align-items: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-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:none;font-weight:600;transition:opacity .2s;display:flex}.year-review__share:hover{opacity:.9}.dash__nav{gap:var(--space-sm);padding-bottom:var(--space-2xl);flex-direction:column;display:flex}.dash__nav-card{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);color:var(--color-text);transition:all var(--transition-fast);text-decoration:none;display:flex}.dash__nav-card:hover{border-color:var(--nav-accent);box-shadow:0 4px 16px color-mix(in srgb, var(--nav-accent) 12%, transparent);text-decoration:none;transform:translate(4px)}.dash__nav-card:active{transition-duration:60ms;transform:translate(2px)}.dash__nav-card:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.dash__nav-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--nav-accent) 10%, transparent);width:44px;height:44px;color:var(--nav-accent);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dash__nav-card:hover .dash__nav-icon{background:var(--nav-accent);color:#fff}.dash__nav-text{flex:1;min-width:0}.dash__nav-label{font-weight:600;font-size:var(--text-base);line-height:1.3;display:block}.dash__nav-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.4;display:block}.dash__nav-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast), color var(--transition-fast);flex-shrink:0}.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{align-items:center;gap:var(--space-xxs);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex}.dash__back:hover{color:var(--color-primary);text-decoration:none}.dash__page-title-row{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.dash__page-title{font-size:var(--text-2xl);margin:0;font-weight:800;line-height:1.2}.dash__page-actions{gap:var(--space-sm);align-items:center;display:flex}.dash__page-content{padding-bottom:var(--space-2xl)}.dashboard-page__stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.dashboard-page__nav{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.card__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs);font-weight:600;display:block}.card__value{font-size:var(--text-2xl);color:var(--color-text);font-weight:700;line-height:1.2;display:block}.alerts-page__header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.alerts-page__list{gap:var(--space-md);flex-direction:column;display:flex}.segmented{background:var(--color-bg-subtle,#f3f4f6);border-radius:var(--radius-md,8px);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented__btn{border-radius:var(--radius-sm,6px);min-height:44px;color:var(--color-text,#111827);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;flex:auto;padding:8px 12px;font-weight:500;transition:background-color .15s,color .15s}.segmented__btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent,#d6177a) 10%, transparent)}.segmented__btn--active{background:var(--color-surface,#fff);color:var(--color-accent,#d6177a);box-shadow:0 1px 3px #0000001f}.segmented__btn:disabled{opacity:.5;cursor:not-allowed}.alert-geocode-list{margin:var(--space-xs) 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.alert-geocode-list__item{text-align:left;border:1px solid var(--color-border-light,#e5e7eb);border-radius:var(--radius-sm,6px);background:var(--color-surface,#fff);width:100%;min-height:44px;color:var(--color-text,#111827);font-size:var(--text-sm);cursor:pointer;padding:8px 10px}.alert-geocode-list__item:hover{border-color:var(--color-accent,#d6177a)}.alert-geocode-list__item--active{border-color:var(--color-accent,#d6177a);background:color-mix(in srgb, var(--color-accent,#d6177a) 8%, transparent)}.alerts-page__list .card{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.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{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.tank-history-page__stats{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tank-history-page__chart{margin-bottom:var(--space-lg)}.tank-history-page__table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tank-history-page__table{border-collapse:separate;border-spacing:0;width:100%}.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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-weight:700}.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{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;transition:color .15s}.tank-history-page__delete-btn:hover{color:var(--color-danger)}.tank-history-page__actions{gap:var(--space-xs);align-items:center;display:flex}.tank-history-page__edit-btn{color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;transition:color .15s}.tank-history-page__edit-btn:hover{color:var(--color-primary)}.tank-history-page__confirm{gap:var(--space-xs);font-size:var(--text-xs);align-items:center;display:flex}.form-stack{gap:var(--space-md);flex-direction:column;display:flex}.vehicles-list{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (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);gap:var(--space-md);flex-direction:column;transition:box-shadow .2s;display:flex}.vehicles-card:hover{box-shadow:var(--shadow-sm)}.vehicles-card__header{align-items:flex-start;gap:var(--space-md);display:flex}.vehicles-card__name{font-weight:600;font-size:var(--text-base);align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.vehicles-card__actions{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.data-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;max-width:100%}.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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.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__rank{color:var(--color-text-muted);font-variant-numeric:tabular-nums;width:40px;font-weight:700}.data-table tbody tr:first-child .data-table__rank{color:var(--color-accent)}.data-table td a{-webkit-text-decoration-color:rgba(var(--color-primary-rgb), .3);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{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.data-table .hide-mobile{display:none}@media (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{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;padding:3px 12px;font-weight:600;display:inline-flex}.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{min-height:calc(100dvh - var(--header-height));background:var(--color-bg);display:flex}.auth-layout__brand{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 40%,#1e0a18 100%);display:none;position:relative;overflow:hidden}.auth-layout__brand-content{z-index:2;height:100%;padding:var(--space-3xl) var(--space-2xl);color:#e8e8f0;flex-direction:column;justify-content:center;display:flex;position:relative}.auth-layout__brand-logo{align-items:center;gap:var(--space-sm);color:#e8e8f0;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:auto;text-decoration:none;display:flex}.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);margin-bottom:var(--space-md);background:linear-gradient(135deg,#fff 0%,#c0c0d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;line-height:1.2}.auth-layout__brand-sub{font-size:var(--text-base);color:#9898b0;max-width:320px;line-height:1.6}.auth-layout__trust{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.auth-layout__trust li{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:#b0b0c0;display:flex}.auth-layout__trust li svg{color:var(--color-primary);flex-shrink:0}.auth-layout__orb{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}@media (prefers-reduced-motion:no-preference){.auth-layout__orb{animation:8s ease-in-out infinite authOrbFloat}}.auth-layout__orb--1{background:var(--color-primary);width:300px;height:300px;top:-50px;right:-80px}.auth-layout__orb--2{background:var(--color-accent);width:200px;height:200px;animation-delay:-4s;bottom:-30px;left:-60px}.auth-layout__form-side{padding:var(--space-xl) var(--space-md);min-height:calc(100dvh - var(--header-height));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.auth-layout__mobile-logo{margin-bottom:var(--space-lg);display:block}.auth-layout__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.auth-layout__card{animation:.4s ease-out authCardIn}}.auth-layout__card:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);height:3px;position:absolute;top:0;left:0;right:0}.auth-card__title{font-family:var(--font-display);font-size:var(--text-2xl);margin:0 0 var(--space-xs) 0;color:var(--color-text);font-weight:700}.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{gap:var(--space-md);flex-direction:column;display:flex}.auth-card__form .form-group{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.auth-card__field{animation:.35s ease-out backwards authFieldIn;animation-delay:calc(.1s + var(--field-index,0) * 60ms)}}.auth-card__label-row{justify-content:space-between;align-items:baseline;display:flex}.auth-card__forgot-link{font-size:var(--text-xs);color:var(--color-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.auth-card__forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-wrap__icon{left:var(--space-md);color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:1;position:absolute}.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{right:var(--space-md);pointer-events:none;z-index:1;transition:color var(--transition-fast);position:absolute}.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{align-items:center;width:100%;display:flex;position:relative}.password-input-wrap__left-icon{left:var(--space-md);color:var(--color-text-muted);pointer-events:none;z-index:1;transition:color var(--transition-fast);display:inline-flex;position:absolute}.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{width:100%;padding-right:calc(var(--space-md) + 18px + var(--space-sm))!important}.password-input-wrap__toggle{right:calc(var(--space-xs) + 2px);border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.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{right:calc(var(--space-md) + 32px + var(--space-xs));pointer-events:none;z-index:1;align-items:center;display:inline-flex;position:absolute}.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);letter-spacing:.01em;min-height:48px;font-weight:600}.auth-card__divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.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{gap:var(--space-sm);flex-direction:column;display:flex}.btn--outline{color:var(--color-text);border:1px solid var(--color-border);transition:all var(--transition-fast);background:0 0;font-weight:500}.btn--outline:hover{background:var(--color-bg-hover);border-color:var(--color-text-muted)}@media (width>=1025px){.auth-layout__brand{flex-shrink:0;width:42%;max-width:520px;display:flex}.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:"";pointer-events:none;background:radial-gradient(at 30% 20%,#ffffff0d 0%,#0000 60%);position:absolute;inset:0}.operator-landing__hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.operator-landing__title{margin:0 0 var(--space-sm);letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:800;line-height:1.15}.operator-landing__subtitle{margin:0 0 var(--space-xl);opacity:.85;max-width:560px;margin-inline:auto;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.operator-landing__cta{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);transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 20px #00000040}.operator-landing__cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.operator-landing__section{max-width:1080px;padding:var(--space-2xl) var(--space-md);text-align:center;margin:0 auto}.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{margin:0 0 var(--space-lg);letter-spacing:-.01em;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800}.operator-landing__benefits{gap:var(--space-md);grid-template-columns:1fr;display:grid}.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;gap:var(--space-sm);flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex}.operator-landing__benefit-card:hover{box-shadow:var(--shadow-lg,0 8px 30px #0000001f);transform:translateY(-4px)}.operator-landing__benefit-icon{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.operator-landing__benefit-title{font-size:var(--text-lg);margin:0;font-weight:700}.operator-landing__benefit-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.operator-landing__steps{gap:var(--space-lg);padding:var(--space-lg) 0;flex-direction:column;align-items:center;display:flex}.operator-landing__step{align-items:center;gap:var(--space-xs);flex-direction:column;max-width:200px;display:flex;position:relative}.operator-landing__step-number{border-radius:var(--radius-full,50%);background:var(--color-primary);color:#fff;width:44px;height:44px;font-weight:800;font-size:var(--text-lg);box-shadow:0 3px 12px rgba(var(--color-primary-rgb,0,0,0), .3);justify-content:center;align-items:center;display:flex}.operator-landing__step-icon{color:var(--color-primary);margin-top:var(--space-xs)}.operator-landing__step-label{font-size:var(--text-base);text-align:center;margin:0;font-weight:600}.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{gap:var(--space-md);text-align:left;grid-template-columns:1fr;max-width:960px;margin:0 auto;display:grid}.operator-landing__plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex}.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";background:var(--color-primary);color:#fff;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full,100px);padding:4px 16px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.operator-landing__plan-name{font-size:var(--text-lg);margin:0 0 var(--space-xs);font-weight:700}.operator-landing__plan-price{color:var(--color-primary);margin-bottom:var(--space-md);font-size:clamp(1.5rem,4vw,2rem);font-weight:800;line-height:1.2}.operator-landing__plan-limits{margin:0 0 var(--space-md);gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);padding:0;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;list-style:none;display:flex}.operator-landing__plan-features{margin:0 0 var(--space-lg);gap:var(--space-xs);flex-direction:column;flex:1;padding:0;list-style:none;display:flex}.operator-landing__plan-features li{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);display:flex}.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 (width>=769px){.operator-landing__hero{padding:5rem var(--space-lg) 4rem}.operator-landing__benefits{grid-template-columns:1fr 1fr}.operator-landing__steps{justify-content:center;gap:var(--space-3xl,3rem);flex-direction:row}.operator-landing__step:after{content:"";width:calc(var(--space-3xl,3rem) - 1rem);background:linear-gradient(90deg, var(--color-primary), var(--color-border));height:2px;position:absolute;top:22px;left:calc(100% + .5rem)}.operator-landing__step:last-child:after{display:none}.operator-landing__pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start}}@media (width>=1024px){.operator-landing__benefits{grid-template-columns:repeat(4,1fr)}}.auth-page{max-width:440px;padding:var(--space-2xl) var(--space-md);margin:0 auto}.auth-page h1{text-align:center;margin-bottom:var(--space-xl)}.auth-page .card{padding:var(--space-xl)}.auth-page__links{align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);font-size:var(--text-sm);flex-direction:column;display:flex}.password-strength{margin-top:var(--space-xs)}.password-strength__bar{background:var(--color-border,#e0e0e0);height:4px;margin-bottom:var(--space-xs);border-radius:2px;overflow:hidden}.password-strength__fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.password-strength__fill--weak{background-color:var(--color-danger,#e53e3e);width:33%}.password-strength__fill--medium{background-color:var(--color-warning,#dd6b20);width:66%}.password-strength__fill--strong{background-color:var(--color-success,#38a169);width:100%}.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{margin-bottom:var(--space-md);align-items:center;gap:.625rem;display:flex}.form-checkbox-group input[type=checkbox]{cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--color-primary);flex-shrink:0;margin:0;position:relative}.form-checkbox-group input[type=checkbox]:before{content:"";min-width:44px;min-height:44px;position:absolute;inset:-12px}.form-checkbox-group label{cursor:pointer;color:var(--color-text-muted);font-size:.8125rem;line-height:1.4}.form-checkbox-group a{color:var(--color-primary);text-decoration:underline}.form-checkbox-group a:hover{text-decoration:none}.btn--link{color:var(--color-primary);padding:var(--space-sm) var(--space-md);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;font-weight:500;display:inline-flex}.btn--link:hover{background:0 0;border:none;text-decoration:underline}.profile-page{max-width:var(--container-narrow);padding:var(--space-xl) var(--space-md);margin:0 auto}.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{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.two-factor-status{margin:var(--space-md) 0}.two-factor-setup{margin-top:var(--space-lg)}.two-factor-setup__qr{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);justify-content:center;display:flex}.two-factor-setup__secret{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;display:block}.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);margin:var(--space-md) 0;line-height:2}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted)}.empty-state__icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state__title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-xs);font-weight:600}.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);flex-direction:column;justify-content:center;align-items:center;max-width:640px;min-height:60vh;margin:0 auto;display:flex}.error-page__code{letter-spacing:-.04em;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);opacity:.85;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:1}.error-page__title{font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:700}.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{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.error-page__popular{width:100%;margin-top:var(--space-xl)}.error-page__popular-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:600}.error-page__popular-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.error-page__popular-link{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);font-size:var(--text-sm);transition:all var(--transition-fast);flex-direction:column;font-weight:500;text-decoration:none;display:flex}.error-page__popular-link:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.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 (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}.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,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{align-items:center;gap:4px;display:inline-flex}.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{align-items:center;gap:4px;display:inline-flex}.sortable-th__inner.text-right{justify-content:flex-end}.sys-alert-inline{align-items:center;gap:var(--space-sm);margin:.75rem 1rem 0;display:flex}.chart-container{padding:var(--space-md);height:280px}.fuel-hero{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);position:relative;overflow:hidden}.fuel-hero__accent{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.fuel-hero__content{position:relative}.fuel-hero__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 var(--space-lg);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.15}.fuel-hero__stats{gap:var(--space-md);flex-direction:column;display:flex}.fuel-hero__price{align-items:baseline;gap:.375rem;display:flex}.fuel-hero__price-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-text);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1}.fuel-hero__price-unit{font-size:var(--text-xl);color:var(--color-text-muted);align-self:flex-end;margin-bottom:.25rem;font-weight:600}.fuel-hero__meta{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.fuel-hero__meta-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.fuel-hero__range{align-items:center;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);display:flex}.fuel-hero__range-item{flex-direction:column;gap:2px;display:flex}.fuel-hero__range-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.fuel-hero__range-value{font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:700}.fuel-hero__range-value--low{color:var(--color-success)}.fuel-hero__range-value--high{color:var(--color-danger)}.fuel-hero__range-divider{background:var(--color-border);width:1px;height:2rem}.fuel-hero[data-fuel=e5]{background:linear-gradient(135deg, var(--color-surface) 60%, #4d8a1a0a)}.fuel-hero[data-fuel=e10]{background:linear-gradient(135deg, var(--color-surface) 60%, #3b82f60a)}.fuel-hero[data-fuel=diesel]{background:linear-gradient(135deg, var(--color-surface) 60%, #f59e0b0a)}.fuel-rankings-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}.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:"";border-radius:var(--radius-full);background:var(--color-success);vertical-align:middle;width:8px;height:8px;margin-right:.5rem;display:inline-block}.fuel-ranking-card--expensive h2:before{content:"";border-radius:var(--radius-full);background:var(--color-danger);vertical-align:middle;width:8px;height:8px;margin-right:.5rem;display:inline-block}@media (width>=769px){.fuel-rankings-grid{grid-template-columns:repeat(2,1fr)}.fuel-hero{padding:var(--space-xl) var(--space-xl)}}.ranking-list{flex-direction:column;gap:2px;display:flex}.ranking-list__item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background var(--transition-fast);padding:.5rem .625rem;display:flex}.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);text-align:center;font-variant-numeric:tabular-nums;width:1.5rem}.ranking-list__item:first-child .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{justify-content:space-between;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.brand-table__search{flex:1;max-width:none;position:relative}.brand-table__search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.brand-table__search-input{border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.5rem .75rem .5rem 2.25rem}.brand-table__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1);outline:none}.brand-table__count{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.brand-table__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.brand-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.brand-table__th{text-align:left;padding:.625rem var(--space-md);font-size:var(--text-xs);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);font-weight:700}.brand-table__th--rank{text-align:center;width:2.5rem}.brand-table__th--price{text-align:right;width:5rem}.brand-table__th--range{text-align:center;width:140px}.brand-table__sort-btn{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;display:inline-flex}.brand-table__sort-btn:hover{color:var(--color-primary)}.brand-table__sort-icon{opacity:.4;transition:opacity var(--transition-fast);font-size:.6875rem}.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;color:var(--color-text-muted);font-weight:700;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{color:var(--color-text);font-weight:800}.brand-table__price--min{color:var(--color-success)}.brand-table__price--max{color:var(--color-danger)}.brand-table__range-cell{display:none;padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.brand-table__range-bar{background:var(--color-bg-alt);border-radius:var(--radius-full);height:6px;position:relative;overflow:visible}.brand-table__range-fill{border-radius:var(--radius-full);opacity:.5;height:100%;transition:opacity var(--transition-fast);position:absolute;top:0}.brand-table__row:hover .brand-table__range-fill{opacity:.75}.brand-table__range-avg{background:var(--color-text);border-radius:var(--radius-full);border:2px solid var(--color-surface);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-border);position:absolute;top:50%;transform:translate(-50%,-50%)}.brand-table__empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.brand-table__pagination{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.brand-table__page-btn{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface);min-width:2.75rem;height:2.75rem;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:flex}.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;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}@media (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{grid-template-columns:repeat(4,1fr);gap:.25rem;max-width:640px;display:grid}.weekday-grid__cell{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;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:52px;padding:.5rem .25rem;display:flex}.weekday-grid__cell:hover{box-shadow:var(--shadow-md);transform:scale(1.08)}.weekday-grid__day{font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.weekday-grid__price{font-variant-numeric:tabular-nums;opacity:.95;font-size:.6875rem;font-weight:600}@media (width>=481px){.weekday-grid{grid-template-columns:repeat(7,1fr);gap:.375rem}.weekday-grid__cell{min-height:60px;padding:.75rem .5rem}}.detail-header h1{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text) 60%, var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.625rem,4vw,2.5rem);font-weight:800;line-height:1.15}.modal-overlay{z-index:var(--z-modal);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay--above{z-index:var(--z-modal-stacked)}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:85vh;margin:0;overflow-y:auto}@media (width>=481px){.modal-overlay{align-items:center}.modal{border-radius:revert;width:90%;max-width:640px;max-height:80vh;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{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.qr-modal .modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.qr-modal .modal-close{cursor:pointer;color:var(--text-secondary);min-width:44px;min-height:44px;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.qr-modal .modal-close:hover{background:var(--bg-secondary)}.qr-modal__body{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.qr-modal__station-name{color:var(--text-primary);text-align:center;margin:0;font-weight:600}.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{gap:var(--space-sm);margin-top:var(--space-md);justify-content:center;display:flex}.qr-modal__actions .btn{align-items:center;gap:var(--space-xs);display:flex}@media (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{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.share-sheet .modal-header h3{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:600}.share-sheet .modal-close{cursor:pointer;color:var(--text-secondary);min-width:44px;min-height:44px;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.share-sheet__station{color:var(--text-secondary);margin:0 0 var(--space-md);font-weight:500;font-size:var(--text-sm)}.share-sheet__grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.share-sheet__btn{align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xs);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-xs);color:#fff;border:none;flex-direction:column;text-decoration:none;transition:opacity .15s;display:flex}.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 (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);white-space:pre-wrap;word-break:break-word;max-width:400px;font-family:var(--font-mono);overflow:auto}.form-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.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{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover{background:var(--color-bg)}.btn--reset{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0}.btn--icon{border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;line-height:1;display:inline-flex;position:relative}.btn--icon:after{content:"";min-width:44px;min-height:44px;position:absolute;inset:-4px}.btn--icon:hover{background:var(--color-bg-hover);color:var(--color-primary);transform:scale(1.1)}.btn--icon:active{transform:scale(.95)}.alert__close{cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;padding:0 .25rem;font-size:1.25rem}.alert__close:hover{opacity:1}.map-page{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));isolation:isolate;z-index:var(--z-base);display:flex;position:relative;overflow:hidden}.map-page__sidebar{width:100%;padding:var(--space-sm) var(--space-md) var(--space-lg);background:var(--color-surface);gap:var(--space-md);max-height:55vh;z-index:var(--z-map-sidebar);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);padding-bottom:env(safe-area-inset-bottom,0px);border-top:none;border-right:none;flex-direction:column;flex-shrink:0;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.map-page__sidebar h2{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.map-page__sidebar-header{justify-content:space-between;align-items:center;display:flex}.map-page__map{flex:1;min-width:0;position:relative}.map-page__map .station-map{width:100%;height:100%}.map-page__filter-group{gap:var(--space-sm);flex-direction:column;display:flex}.map-page__filter-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.map-page__fuel-btns{gap:var(--space-sm);display:flex}.map-page__fuel-btn{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);flex:1;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{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);display:flex}.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;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-position:right 12px center;background-repeat:no-repeat;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{gap:var(--space-xs);align-items:stretch;display:flex}.map-page__search-field{flex:1;min-width:0;position:relative}.map-page__search-field .map-page__search-input{width:100%;padding-right:32px}.map-page__search-clear{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.map-page__search-clear:hover{color:var(--color-text)}.map-page__search-btn{border:2px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:44px;min-width:44px;transition:background .15s,opacity .15s;display:flex}.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:.8s linear infinite spin}.map-page__price-range{gap:var(--space-sm);flex-direction:column;display:flex}.map-page__price-range-inputs{align-items:center;gap:var(--space-xs);display:flex}.map-page__price-input-label{flex:1;align-items:center;display:flex;position:relative}.map-page__price-input{width:100%;padding:var(--space-sm) var(--space-md);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;padding-right:44px}.map-page__price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.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{right:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none;position:absolute}.map-page__price-range-sep{color:var(--color-text-muted);flex-shrink:0;padding:0 2px;font-weight:600}.map-page__price-reset{color:var(--color-primary);font-size:var(--text-xs);cursor:pointer;padding:var(--space-xs) 0;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;font-weight:600}.map-page__price-reset:hover{color:var(--color-primary-dark)}.map-page__location-btn{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);border:none;justify-content:center;display:flex}.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{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);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;font-weight:600;display:flex}.map-page__bottom-bar{bottom:max(24px, env(safe-area-inset-bottom,0px));z-index:var(--z-mobile-toggle);max-width:calc(100vw - 2 * var(--space-lg));-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);width:max-content;transition:opacity var(--transition-fast), transform var(--transition-fast);background:#ffffffbf;border:1px solid #ffffff8c;border-radius:24px;align-items:center;display:flex;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 24px #00000024,0 1px 4px #00000014}@media (prefers-color-scheme:dark){.map-page__bottom-bar{background:#1e1e23c7;border-color:#ffffff1f}}.map-page__mobile-toggle{align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);height:48px;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast);background:0 0;border:none;display:flex}.map-page__mobile-toggle:hover{background:rgba(var(--color-primary-rgb), .08)}.map-page__share-btn:before{content:"";background:var(--color-border);width:1px;height:24px;margin-right:var(--space-sm);flex-shrink:0;display:block}.map-page__share-btn{padding:0 var(--space-md) 0 var(--space-sm);height:48px;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:flex-start;align-items:center;display:flex;position:relative}.map-page__share-btn:hover{color:var(--color-text);background:#0000000a}.map-page__share-tooltip{bottom:calc(100% + var(--space-sm));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:.2s fadeIn;position:absolute;right:0}.map-page__mobile-close{cursor:pointer;padding:var(--space-xs);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;display:block}.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{background:linear-gradient(110deg, var(--color-border) 8%, var(--color-surface) 18%, var(--color-border) 33%);background-size:200% 100%;width:100%;height:100%;animation:1.5s ease-in-out infinite map-skeleton-pulse}@keyframes map-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.map-page__loading-overlay{align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-page__loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite map-spinner}@keyframes map-spinner{to{transform:rotate(360deg)}}.map-page__loading-text{font-size:var(--text-sm);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;font-weight:600}.map-page__legend{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);gap:var(--space-xs);pointer-events:none;flex-direction:column;display:flex;position:absolute}.map-page__legend-title{color:var(--color-text);font-weight:700;font-size:var(--text-xs);margin-bottom:2px}.map-page__legend-item{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);display:flex}.map-page__legend-dot{border:2px solid #0000;border-radius:50%;flex-shrink:0;width:12px;height:12px}.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{top:var(--space-sm);right:var(--space-sm);z-index:var(--z-map-legend);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);color:var(--color-text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute}.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{z-index:var(--z-map-legend);-webkit-backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .map-page__empty-overlay{background:#00000080}.map-page__empty-card{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;flex-direction:column;display:flex}.map-page__empty-icon{color:var(--color-primary);opacity:.8}.map-page__empty-title{font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700;line-height:1.3}.map-page__empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.map-page__empty-actions{gap:var(--space-sm);flex-direction:column;width:100%;display:flex}.map-page__empty-btn{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:44px;font-size:var(--text-sm);display:flex}@media (width>=481px){.map-page__empty-actions{flex-direction:row}.map-page__empty-btn{flex:1}}.map-page__toast{bottom:calc(var(--space-xl) + 56px);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);text-align:center;max-width:min(90vw,400px);animation:.2s ease-out map-toast-in;position:fixed;left:50%;transform:translate(-50%)}@keyframes map-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.map-page__heatmap-gradient{border-radius:var(--radius-sm);background:linear-gradient(90deg,#32b41e,#ffff1e,#ff231e);width:100%;height:10px;display:block}.map-page__heatmap-labels{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;margin-top:2px;display:flex}@media (width>=769px){.map-page__heatmap-toggle{top:var(--space-md);right:var(--space-md)}}.map-page__sidebar:before{content:"";background:var(--color-text-muted);border-radius:var(--radius-full);width:40px;height:4px;margin:var(--space-xs) auto var(--space-md);opacity:.4;display:block}.map-page__sidebar--open{transform:translateY(0)}@media (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;padding:var(--space-lg);transition:revert;transform:none}.map-page__sidebar:before{content:none;width:revert;height:revert;background:revert;border-radius:revert;margin:revert;opacity:revert;display:none}.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 (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 (width>=361px){.search-bar__input{padding:18px var(--space-xl);font-size:var(--text-lg);padding-right:56px}.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{z-index:var(--z-cookie-banner);opacity:0;pointer-events:auto;padding-bottom:env(safe-area-inset-bottom,0px);transition:transform .3s ease-out,opacity .3s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.cookie-consent--visible{opacity:1;transform:translateY(0)}.cookie-consent__container{gap:var(--space-md);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);color:var(--color-text);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;line-height:1.5;display:flex;box-shadow:0 -2px 12px #0000001f}.cookie-consent__message{text-align:center;flex:1;margin:0}.cookie-consent__link{color:var(--color-primary);white-space:nowrap;text-decoration:underline}.cookie-consent__link:hover{color:var(--color-primary-dark)}.cookie-consent__buttons{gap:var(--space-sm);flex-wrap:wrap;flex-shrink:0;justify-content:center;display:flex}.cookie-consent__btn{border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-sm);white-space:nowrap;min-height:44px;transition:background-color var(--transition-fast);padding:10px 24px;line-height:1}.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 (width>=641px){.cookie-consent__container{flex-direction:row}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root[data-theme=dark] .cookie-consent__btn--secondary{color:var(--color-text);background-color:#0000;border:1px solid #ffffff4d}: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{color:var(--color-text);background-color:#0000;border:1px solid #ffffff4d}:root:not([data-theme=light]) .cookie-consent__btn--secondary:hover{background-color:#ffffff14;border-color:#ffffff80}}.blog-content{max-width:720px;font-size:var(--text-lg);color:var(--color-text);margin:0 auto;line-height:1.8}.blog-content h2{margin-top:var(--space-2xl);margin-bottom:var(--space-md);font-size:var(--text-2xl);font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.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);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);padding:2px 6px}.blog-content pre{background:var(--color-surface-raised);border:1px solid var(--color-border-light);padding:var(--space-lg);border-radius:var(--radius-lg);margin:var(--space-xl) 0;overflow-x:auto}.blog-content pre code{background:0 0;border:none;padding:0}.blog-content a{color:var(--color-primary);text-underline-offset:3px;transition:color var(--transition-fast), text-decoration-color var(--transition-fast);text-decoration:underline;text-decoration-thickness:1px}.blog-content a:hover{color:var(--color-primary-dark);text-decoration-color:#0000}.blog-content hr{background:var(--color-border);height:1px;margin:var(--space-2xl) 0;border:none}.blog-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=641px){.blog-grid{grid-template-columns:repeat(2,1fr)}.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 (width>=1025px){.blog-grid .blog-card:first-child{grid-template-columns:1.2fr 1fr;display:grid}.blog-grid .blog-card:first-child .blog-card__image-wrap{aspect-ratio:auto;border-radius:var(--radius-lg) 0 0 var(--radius-lg);min-height:280px}.blog-grid .blog-card:first-child .blog-card__body{padding:var(--space-xl) var(--space-2xl);justify-content:center}}.blog-card{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);flex-direction:column;padding:0;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border);transform:translateY(-3px)}.blog-card__image-wrap{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-card__image{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:block}.blog-card__image-wrap:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 40%,#0006 100%);transition:opacity .35s;position:absolute;inset:0}.blog-card__image-badge{top:var(--space-sm);left:var(--space-sm);z-index:2;font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#c70c6fe0;padding:4px 10px;font-weight:600;position:absolute}@media (width>=769px){.blog-card__image-badge{opacity:0;transition:opacity .25s 50ms,transform .25s 50ms;transform:translateY(-4px)}.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{aspect-ratio:16/9;background:var(--color-bg-alt);width:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.blog-card__body{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.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);transition:color var(--transition-fast);text-decoration:none}.blog-card h2 a:hover{color:var(--color-primary)}.blog-card__excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{justify-content:space-between;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);margin-top:auto;display:flex}.blog-card__author{align-items:center;gap:var(--space-sm);min-width:0;display:flex}.blog-card__avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex}.blog-card__author-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.blog-card__meta-right{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.blog-card__meta-item{border-radius:var(--radius-full);background:var(--color-surface-alt);white-space:nowrap;height:32px;font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:5px;padding:0 12px;display:inline-flex}.blog-card:hover .blog-card__meta-item{background:var(--color-primary-light);color:var(--color-primary)}.blog-card__meta-item svg{opacity:.65;flex-shrink:0}.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{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-sm);font-weight:600;display:inline-block}.blog-article__title{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-md);font-weight:800;line-height:1.2}@media (width>=769px){.blog-article__title{font-size:var(--text-4xl)}}.blog-article__meta{justify-content:center;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-article__meta-item{align-items:center;gap:var(--space-xs);display:flex}.blog-article__meta-divider{background:var(--color-text-muted);border-radius:50%;width:4px;height:4px}.blog-hero-image{object-fit:cover;border-radius:var(--radius-xl);width:100%;max-height:520px;margin-bottom:var(--space-2xl)}@media (width>=769px){.blog-hero-image{border-radius:var(--radius-2xl)}}.blog-article__tags{gap:var(--space-sm);padding-top:var(--space-xl);margin-top:var(--space-2xl);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.blog-article__tag{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);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:4px;padding:6px 14px;font-weight:500;display:inline-flex}.blog-article__tag:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.blog-back{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);margin-bottom:var(--space-lg);font-weight:500;text-decoration:none;display:inline-flex}.blog-back:hover{color:var(--color-primary)}.section--narrow>img{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:400px}.rte{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--color-surface,#fff);overflow:hidden}.rte__toolbar{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--color-surface-hover,#f8fafc);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.rte__btn{border-radius:var(--radius-sm,4px);width:28px;height:28px;color:var(--color-text,#1e293b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.rte__btn:hover{background:var(--color-primary-bg,#2563eb14)}.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{background:var(--border-color,#e2e8f0);width:1px;height:20px;margin:0 4px}.rte__toolbar-spacer{flex:auto;min-width:8px}.rte__btn--mode{gap:.35rem;width:auto;padding:0 .5rem;font-size:.75rem;font-weight:600}.rte__btn-label{line-height:1}@media (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{min-height:300px;max-height:600px;padding:1rem;overflow-y:auto}.rte__source{resize:vertical;width:100%;min-height:320px;max-height:600px;color:var(--color-text);background:var(--color-surface);border:0;outline:none;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;line-height:1.55;display:block}.rte__source:focus{background:var(--color-surface-alt,#00000005)}.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{margin:.5em 0;padding-left:1.5em}.rte__content .tiptap li{margin:.25em 0}.rte__content .tiptap blockquote{border-left:3px solid var(--color-primary,#2563eb);color:var(--color-text-muted,#64748b);margin:1em 0;padding-left:1em;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);border-radius:3px;padding:2px 6px;font-size:.9em}.rte__content .tiptap pre{background:var(--color-surface-hover,#1e293b);color:var(--color-text,#e2e8f0);border-radius:var(--radius-md,8px);margin:1em 0;padding:1em;overflow-x:auto}.rte__content .tiptap pre code{background:0 0;padding:0}.rte__content .tiptap img{border-radius:var(--radius-md,8px);max-width:100%;height:auto;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{border:2px dashed var(--border-color,#cbd5e1);border-radius:var(--radius-md,8px);background:var(--color-surface-hover,#f8fafc);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;transition:border-color .2s,background .2s;display:flex}.dropzone:hover,.dropzone--active{border-color:var(--color-primary,#2563eb);background:var(--color-primary-bg,#2563eb0a)}.dropzone--active{border-style:solid}.dropzone--uploading{pointer-events:none;opacity:.7}.dropzone--compact{flex-direction:row;padding:1rem}.dropzone__icon{color:var(--color-text-muted,#94a3b8)}.dropzone__text{color:var(--color-text,#1e293b);font-size:.875rem;font-weight:500}.dropzone__hint{color:var(--color-text-muted,#94a3b8);font-size:.75rem}.dropzone__uploading{color:var(--color-text-muted,#64748b);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.dropzone__spinner{border:2px solid var(--border-color,#cbd5e1);border-top-color:var(--color-primary,#2563eb);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.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{gap:var(--space-sm,.5rem);margin-top:var(--space-sm,.5rem);grid-template-columns:repeat(2,1fr);display:grid}.blog-media__item{border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);background:var(--color-surface,#fff);transition:box-shadow .2s;overflow:hidden}.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{aspect-ratio:4/3;background:var(--color-surface-hover,#f1f5f9);position:relative;overflow:hidden}.blog-media__thumb img{object-fit:cover;width:100%;height:100%}.blog-media__cover-badge{background:var(--color-primary,#2563eb);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:6px;left:6px}.blog-media__info{min-height:28px;padding:6px 8px}.blog-media__alt-text{color:var(--color-text-muted,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;display:block;overflow:hidden}.blog-media__edit-alt{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.blog-media__edit-alt input{flex:100%;width:100%;min-width:0}.blog-media__edit-alt .btn{flex-shrink:0}.blog-media__actions{border-top:1px solid var(--border-color,#e2e8f0);justify-content:center;gap:2px;padding:4px 6px;display:flex}.blog-media__actions .btn{padding:4px}@media (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{gap:var(--space-lg);grid-template-columns:1fr;align-items:start;display:grid}.blog-editor__main{min-width:0}.blog-editor__sidebar{gap:var(--space-md);top:var(--space-lg);flex-direction:column;display:flex;position:static}.blog-editor__topbar{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.blog-editor__topbar h1{font-size:var(--text-xl);margin:0}.blog-editor__topbar-actions{align-items:center;gap:var(--space-sm);display:flex}.sidebar-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.sidebar-panel__header{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);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.sidebar-panel__header:hover{background:var(--color-surface-hover,#00000008)}.sidebar-panel__toggle{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.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{gap:var(--space-sm);flex-direction:column;display:flex}.sidebar-panel--actions .btn--primary{justify-content:center;width:100%}.sidebar-panel__status-row{font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.form-check{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);display:flex}.form-check input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.blog-cover__wrapper{max-width:100%;position:relative}.blog-cover__img{border-radius:var(--radius-sm,4px);max-width:100%}.blog-cover__delete{position:absolute;top:4px;right:4px}@media (width>=1025px){.blog-editor{grid-template-columns:1fr 340px}.blog-editor__sidebar{position:sticky}}.ad-slot{margin:var(--space-lg) auto;justify-content:center;align-items:center;display:flex;overflow:hidden}.ad-slot__placeholder{background-color:var(--color-bg-alt,#f5f5f5);border:1px dashed var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.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 (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 (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{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);flex-direction:column;display:flex}.cookie-consent__toggle{align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);display:flex}.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 (width>=641px){.cookie-consent__container--extended{flex-direction:column}.cookie-consent__settings{flex-flow:wrap}.cookie-consent__toggle{min-width:200px}}.star-rating{align-items:center;gap:.5rem;display:flex}.star-rating__label{color:var(--color-text-secondary,#6b7280);min-width:6rem;font-size:.875rem;font-weight:500}.star-rating__stars{flex-wrap:wrap;gap:2px;max-width:100%;display:flex}.star-rating__star{cursor:default;color:var(--color-border,#d1d5db);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px;font-size:1.25rem;line-height:1;transition:color .15s,transform .15s}.star-rating__star:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.star-rating--interactive .star-rating__star{cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.star-rating--interactive .star-rating__star:hover{color:#fbbf24;transform:scale(1.2)}.star-rating--interactive .star-rating__star:active{transform:scale(.95)}.star-rating__star--filled{color:#f59e0b;filter:drop-shadow(0 1px 2px #f59e0b4d)}.star-rating__value{color:var(--color-text,#111827);margin-left:.375rem;font-size:.875rem;font-weight:600}.star-rating--sm .star-rating__star{min-width:auto;min-height:auto;font-size:1.125rem}.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{flex-flow:column wrap;align-items:flex-start;gap:2rem;display:flex}.review-summary__overall{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b14,#f59e0b05);flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;min-width:8rem;padding:1rem;display:flex}.review-summary__avg{font-family:var(--font-display);color:var(--color-text,#111827);letter-spacing:-.02em;font-size:3rem;font-weight:800;line-height:1}.review-summary__count{color:var(--color-text-muted,#6b7280);margin-top:.5rem;font-size:.8125rem}.review-summary__distribution{flex-direction:column;flex:1;gap:.375rem;min-width:12rem;display:flex}.review-summary__bar-row{align-items:center;gap:.5rem;transition:opacity .15s;display:flex}.review-summary__bar-row:hover{opacity:.85}.review-summary__bar-label{text-align:right;width:2.5rem;color:var(--color-text-secondary,#6b7280);font-size:.8125rem;font-weight:500}.review-summary__bar-track{background:var(--color-bg-alt,#f3f4f6);border-radius:var(--radius-full);flex:1;height:.625rem;overflow:hidden}.review-summary__bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#f59e0b,#fbbf24);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.review-summary__bar-count{width:2rem;color:var(--color-text-muted,#6b7280);font-variant-numeric:tabular-nums;font-size:.8125rem}.review-summary__categories{border-top:1px solid var(--color-border-light,#f0f0f2);flex-flow:column wrap;gap:1rem;margin-top:1.25rem;padding-top:1rem;display:flex}.review-summary__category{background:var(--color-surface-alt,#fafbfc);border-radius:var(--radius-full);border:1px solid var(--color-border-light,#f0f0f2);align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.review-summary__category-label{color:var(--color-text-secondary,#6b7280);font-size:.8125rem;font-weight:500}.review-form{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);padding:1.5rem}.review-form:focus-within{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.review-form h3{font-family:var(--font-display);letter-spacing:-.01em;margin-top:0;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.review-form__subtitle{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.875rem}.review-form__field{margin-bottom:1rem}.review-form__field--main{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b0f,#f59e0b05);margin-bottom:1.25rem;padding:1rem}.review-form__categories{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.review-form__categories .review-form__field{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);margin-bottom:0;padding:.75rem;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{color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:.75rem}.review-form__char-count--warning{color:var(--color-warning)}.review-form__actions{align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.review-form textarea.form-control{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border);resize:vertical;background:var(--color-surface);width:100%;min-height:120px;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:1rem;line-height:1.6}.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);transition:background var(--transition-fast);padding:1.25rem 0}.review-list__item:last-child{border-bottom:none}.review-list__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.review-list__user{flex-direction:column;gap:.125rem;display:flex}.review-list__user strong{font-weight:600}.review-list__date{color:var(--color-text-muted,#6b7280);font-size:.75rem}.review-list__categories{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.review-list__category{color:var(--color-text-secondary,#6b7280);background:var(--color-surface-alt,#fafbfc);border-radius:var(--radius-full);border:1px solid var(--color-border-light,#f0f0f2);padding:.125rem .5rem;font-size:.75rem;font-weight:500}.review-list__comment{white-space:pre-wrap;word-break:break-word;color:var(--color-text);margin:.5rem 0 0;line-height:1.6}.review-list__actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.review-list__confirm-delete{background:var(--color-danger-bg);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.review-list__pagination{border-top:1px solid var(--color-border-light);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.btn--danger-text:hover{color:#dc2626;background:var(--color-danger-bg);border-radius:var(--radius-md)}.review-form__success{background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;animation:.3s reviewSuccessSlide;display:flex}@keyframes reviewSuccessSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (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 (width>=641px){.review-summary__content{flex-direction:revert}.review-summary__overall{gap:revert;width:revert;justify-content:revert;flex-direction:column}.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);border-left:4px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);padding:1rem}.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{border-radius:var(--radius-md,.5rem);background:var(--color-skeleton,#e5e7eb);height:100px;animation:1.5s ease-in-out infinite skeleton-pulse}.prediction-widget__title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.prediction-widget__signal{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.prediction-widget__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex}.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{color:var(--color-text-muted,#6b7280);font-size:.875rem}.prediction-widget__prices{flex-direction:column;gap:.375rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.prediction-widget__price-row{justify-content:space-between;align-items:center;display:flex}.prediction-widget__price-label{color:var(--color-text-secondary,#6b7280)}.prediction-widget__price-value{font-variant-numeric:tabular-nums;font-weight:600}.prediction-widget__price-value--best{color:var(--color-success,#22c55e)}.prediction-widget__savings{border-radius:var(--radius-sm,.25rem);background:color-mix(in srgb, var(--color-success,#22c55e) 10%, transparent);color:var(--color-success-dark,#16a34a);text-align:center;margin-top:.25rem;padding:.375rem .625rem;font-size:.875rem;font-weight:500}.prediction-widget__disclaimer{border-top:1px solid var(--color-border,#e5e7eb);color:var(--color-text-muted,#9ca3af);margin:0;padding-top:.5rem;font-size:.75rem;font-style:italic}.prediction-widget__calendar-btn{margin-left:var(--space-xs);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);padding:8px 10px}.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 (width>=641px){.prediction-widget__calendar-btn{min-width:32px;min-height:32px;padding:6px 8px}.prediction-widget__calendar-btn svg{width:revert;height:revert}}.inline-alert__trigger{margin-top:var(--space-md);align-items:center;gap:var(--space-sm);color:var(--color-primary);border-color:var(--color-primary);display:inline-flex}.inline-alert__trigger:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.inline-alert__trigger:hover svg{animation:.4s ease-in-out bell-shake}@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:.2s ease-out inline-alert-enter}@keyframes inline-alert-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-alert__row{gap:var(--space-sm);flex-wrap:wrap;grid-template-columns:1fr 1fr;align-items:center;display:grid}.inline-alert__row .form-input--sm{flex:1;min-width:100px;max-width:none}.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);align-items:center;gap:var(--space-xs);color:var(--color-accent);font-size:var(--text-sm);font-weight:500;animation:.25s ease-out inline-alert-enter;display:flex}.inline-alert__icon{font-size:var(--text-base);background:var(--color-accent-light);width:1.5rem;height:1.5rem;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}@media (width>=641px){.inline-alert__row{grid-template-columns:revert;display:flex}.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:"";background:linear-gradient(90deg, var(--color-primary), var(--color-e10,#22c55e));height:3px;position:absolute;top:0;left:0;right:0}.fuel-calc__title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text);align-items:center;gap:var(--space-sm);font-weight:700;display:flex}.fuel-calc__title:before{content:"⛽";font-size:1.25em}.fuel-calc__row{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.fuel-calc__field{flex-direction:column;display:flex}.fuel-calc__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-xs);font-weight:600;display:block}.fuel-calc__input-wrap{position:relative}.fuel-calc__input{font-variant-numeric:tabular-nums;width:100%;color:var(--color-text);background:var(--color-surface-alt,#f8f9fa);border-radius:var(--radius-lg);transition:background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);-moz-appearance:textfield;border:2px solid #0000;outline:none;padding:.75rem 5rem .75rem 1rem;font-size:1rem;font-weight:500}.fuel-calc__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.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{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;background:var(--color-bg-alt,#eef0f3);border-radius:var(--radius-sm);letter-spacing:.02em;padding:.2rem .5rem;font-weight:600;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.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);justify-content:space-between;align-items:flex-start;gap:var(--space-xs);flex-direction:column;animation:.25s ease-out inline-alert-enter;display:flex}.fuel-calc__result-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.fuel-calc__result-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}@media (width>=769px){.fuel-calc{padding:var(--space-lg) var(--space-xl)}.fuel-calc__row{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.fuel-calc__field:last-child{grid-column:revert}}.fuel-calc__field:last-child{grid-column:auto}@media (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{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);grid-template-columns:1fr;display:grid}.fuel-calc__vehicle-stat{gap:var(--space-2xs);flex-direction:column;display:flex}.fuel-calc__vehicle-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.fuel-calc__vehicle-stat-value{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}@media (width>=481px){.fuel-calc__vehicle-stats{grid-template-columns:1fr 1fr}}.vehicles-list{gap:var(--space-md);flex-direction:column;display:flex}.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{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.vehicles-card__icon{border-radius:var(--radius-md);background:rgba(var(--color-primary-rgb), .08);width:2.5rem;height:2.5rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.vehicles-card__info{flex:1;min-width:0}.vehicles-card__name{font-weight:600;font-size:var(--text-base);color:var(--color-text);align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.vehicles-card__badge{font-size:var(--text-xs);align-items:center;gap:.25rem;display:inline-flex}.vehicles-card__meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2xs)}.vehicles-card__actions{gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light,var(--color-border));flex-wrap:wrap;align-items:center;display:flex}.vehicles-card__confirm{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.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{gap:var(--space-xs);flex-wrap:wrap;display:flex}.recent-stations__item{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);color:var(--color-text);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);min-height:44px;text-decoration:none;display:inline-flex}.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{transition-duration:80ms;transform:scale(.97)}.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{font-weight:700;font-size:var(--text-sm);color:var(--color-accent);white-space:nowrap;margin-left:auto}@media (width>=641px){.recent-stations__item{padding:var(--space-xs) var(--space-sm);min-height:revert}}.forecast-chart{border-radius:var(--radius-lg,.75rem);background:var(--color-surface,#fff);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);padding:.75rem}.forecast-chart--loading{min-height:300px}.forecast-chart--empty{justify-content:center;align-items:center;min-height:120px;display:flex}.forecast-chart__skeleton{border-radius:var(--radius-md,.5rem);background:var(--color-skeleton,#e5e7eb);height:260px;animation:1.5s ease-in-out infinite skeleton-pulse}.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);box-shadow:var(--shadow-md,0 4px 6px #0000001a);padding:.5rem .75rem;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 (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);background:var(--color-surface,#fff);box-shadow:var(--shadow-sm,0 1px 2px #0000000d);margin-top:var(--space-md,1rem);padding:.75rem}.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 #0000001a)}.detail-prices__compare-badge{font-size:var(--text-xs,.75rem);border-radius:var(--radius-sm,4px);margin-top:2px;padding:2px 8px;font-weight:600;display:inline-block}.detail-prices__compare-badge--cheap{color:var(--color-success,#22c55e);background:#22c55e1a;border:1px solid #22c55e33}.detail-prices__compare-badge--expensive{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.detail-prices__range-badge{font-size:var(--text-xs,.75rem);color:var(--color-text-secondary,#6b7280);margin-top:4px;display:block}.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{flex-direction:column;gap:0;min-height:calc(100dvh - 4rem);display:flex}.route-planner__sidebar{background:var(--color-surface,#fff);border-right:none;border-bottom:1px solid var(--color-border,#e5e7eb);flex-shrink:0;width:100%;min-width:0;max-height:none;padding:1.5rem;overflow-y:auto}.route-planner__map-container{flex:1;min-height:400px;position:relative}.route-planner__map{width:100%;height:100%;min-height:50vh}.route-planner__title{align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.5rem;font-weight:700;display:flex}.route-planner__subtitle{color:var(--color-text-secondary,#6b7280);margin:0 0 1.5rem;font-size:.875rem}.route-planner__form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.route-planner__swap{border-radius:50%;align-self:center;min-width:44px;min-height:44px;margin:-.25rem 0}.route-planner__field{position:relative}.route-planner__label{color:var(--color-text-secondary,#6b7280);margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:block}.route-planner__input,.route-planner__select{border:1px solid var(--color-border,#d1d5db);background:var(--color-surface,#fff);width:100%;color:var(--color-text,#111827);border-radius:.5rem;padding:.625rem .75rem;font-size:1rem;transition:border-color .15s}.route-planner__input:focus,.route-planner__select:focus{border-color:var(--color-primary,#2563eb);outline:none;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{color:var(--color-text-secondary,#6b7280);font-size:.75rem;position:absolute;top:50%;right:.75rem;transform:translateY(25%)}.route-planner__dropdown{background:var(--color-surface,#fff);border:1px solid var(--color-border,#d1d5db);z-index:var(--z-dropdown);border-top:none;border-radius:0 0 .5rem .5rem;max-height:200px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.route-planner__dropdown-item{cursor:pointer;text-align:left;width:100%;color:var(--color-text,#111827);background:0 0;border:none;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;transition:background .1s;display:flex}.route-planner__dropdown-item:hover,.route-planner__dropdown-item--active{background:var(--color-bg-hover)}.route-planner__dropdown-item svg{color:var(--color-text-secondary,#9ca3af);flex-shrink:0;margin-top:2px}.route-planner__submit{justify-content:center;align-items:center;gap:.5rem;display:flex}.route-planner__error{background:var(--color-danger-bg,#fef2f2);color:var(--color-danger,#ef4444);border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.route-planner__summary{background:var(--color-surface-alt,#f9fafb);border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.route-planner__summary-row{color:var(--color-text-secondary,#6b7280);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.route-planner__cheapest-card{background:var(--color-success-bg,#f0fdf4);border:1px solid var(--color-success-border,#86efac);border-radius:.5rem;padding:.75rem}.route-planner__cheapest-header{color:var(--color-success,#16a34a);align-items:center;gap:.375rem;margin-bottom:.375rem;font-size:.8125rem;display:flex}.route-planner__cheapest-name{margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.route-planner__cheapest-brand{color:var(--color-text-secondary,#6b7280);margin-left:.5rem;font-size:.8125rem;font-weight:400}.route-planner__cheapest-price{color:var(--color-success,#16a34a);font-size:1.25rem;font-weight:700}.route-planner__cheapest-distance{color:var(--color-text-secondary,#6b7280);font-size:.8125rem}.route-planner__savings{color:var(--color-success,#16a34a);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.route-planner__stations{margin-bottom:1.5rem}.route-planner__stations-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.route-planner__station-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.route-planner__station-item{border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;transition:border-color .15s;display:flex}.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{flex-direction:column;gap:.125rem;min-width:0;display:flex}.route-planner__station-name{color:var(--color-primary,#2563eb);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;text-decoration:none;overflow:hidden}.route-planner__station-name:hover{text-decoration:underline}.route-planner__station-brand{color:var(--color-text-secondary,#6b7280);font-size:.75rem}.route-planner__station-location{color:var(--color-text-secondary,#9ca3af);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.route-planner__station-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.route-planner__station-price{font-size:1rem;font-weight:700}.route-planner__station-distance{color:var(--color-text-secondary,#6b7280);font-size:.75rem}.route-planner__empty{text-align:center;color:var(--color-text-secondary,#6b7280);padding:2rem;font-size:.9375rem}.route-marker-icon{background:0 0!important;border:none!important}.route-endpoint{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00000040}.route-endpoint-icon{background:0 0!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{margin:.25rem 0;font-size:1.125rem;font-weight:700}.route-popup__distance{color:var(--color-text-secondary,#6b7280);font-size:.75rem}.route-popup__cheapest{color:#fff;background:#16a34a;border-radius:.25rem;margin:.25rem 0;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.route-popup__link{color:var(--color-primary,#2563eb);margin-top:.375rem;font-size:.8125rem;text-decoration:none;display:inline-block}.route-popup__link:hover{text-decoration:underline}@media (width>=769px){.route-planner{flex-direction:revert}.route-planner__sidebar{border-right:1px solid var(--color-border,#e5e7eb);border-bottom:revert;width:420px;min-width:360px;max-height:calc(100dvh - 4rem)}.route-planner__map{min-height:calc(100dvh - 4rem)}}@media (width>=1200px){.route-planner__sidebar{width:480px}}.favorites-section__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.favorites-section__manage{font-size:var(--text-sm);color:var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary-light);transition:background var(--transition-fast), color var(--transition-fast);padding:4px 12px;font-weight:600;text-decoration:none}.favorites-section__manage:hover{background:var(--color-primary);color:#fff;text-decoration:none}.favorites-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.favorite-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.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);text-decoration:none;transform:translateY(-3px)}.favorite-card:active{box-shadow:var(--shadow-sm);transition-duration:80ms;transform:translateY(-1px)}.favorite-card__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0;display:flex}.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);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-lg);margin-top:var(--space-2xs);font-weight:700}.favorite-card__status{border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding:3px 10px;font-size:.6875rem;font-weight:700}.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{border-top:1px solid var(--color-border-light);gap:0;margin-top:auto;display:flex}.favorite-card__price{padding:var(--space-sm) var(--space-xs);background:var(--color-bg);border-right:1px solid var(--color-border-light);transition:background var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.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{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.08em;font-size:.6875rem;font-weight:700}.favorite-card__fuel-value{font-family:var(--font-display);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:700;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()}.nearby-section__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.nearby-section__map-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.nearby-section__sort{gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.nearby-section__sort .btn:last-child{margin-left:auto}.nearby-list{gap:var(--space-xs);flex-direction:column;display:flex}.nearby-item{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-direction:column;min-height:44px;text-decoration:none;animation:.3s ease-out both nearby-item-enter;display:flex}.nearby-item:first-child{animation-delay:0s}.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{box-shadow:none;transform:scale(.99)}.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{flex-direction:column;gap:2px;min-width:0;display:flex}.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;text-overflow:ellipsis;overflow:hidden}.nearby-item__meta{align-items:center;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;width:100%;display:flex}.nearby-item__price{font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--color-accent);align-items:center;gap:var(--space-xs);font-weight:700;display:inline-flex}.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 (width>=481px){.nearby-item__updated{display:revert}}@media (width>=601px){.detail-prices{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.detail-prices__item{align-items:revert;justify-content:revert;text-align:center;padding:var(--space-lg) var(--space-md);border-radius:var(--radius-xl);display:none}.detail-prices__item:before{width:revert;height:3px;top:0;bottom:revert;border-radius:revert;right:0}.detail-prices__label{margin-bottom:var(--space-sm)}}.nearby-item__status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.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 (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{justify-content:space-between;align-items:center;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);text-align:center;flex-direction:column;display:flex}.auto-locate-prompt p{font-size:var(--text-sm);color:var(--color-text);margin:0}.auto-locate-prompt__actions{gap:var(--space-sm);flex-shrink:0;display:flex}@media (width>=481px){.auto-locate-prompt{flex-direction:revert;text-align:revert}}@media (prefers-contrast:more){:root{--color-text-secondary:#1a1a2e;--color-text-muted:#333;--color-border:#666;--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{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));z-index:var(--z-scroll-top);background:var(--color-primary,#1a7f37);color:#fff;cursor:pointer;opacity:.85;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s,transform .2s;display:flex;position:fixed;right:1.5rem;box-shadow:0 2px 8px #00000040}.scroll-to-top:hover,.scroll-to-top:focus-visible{opacity:1;outline:2px solid var(--color-primary,#1a7f37);outline-offset:2px;transform:scale(1.1)}.price--cheapest:after{content:"";border-radius:inherit;border:2px solid var(--color-accent,var(--color-primary));animation:2s ease-in-out infinite price-pulse;position:absolute;inset:-2px}@keyframes price-pulse{0%,to{opacity:.3}50%{opacity:.8}}.price--updated{will-change:opacity, background-color;animation:1.2s ease-out both price-updated-flash}@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:#0000}}.station-open-pulse{background:var(--color-success);width:8px;height:8px;margin-right:var(--space-xs);border-radius:50%;animation:2s ease-in-out infinite open-pulse;display:inline-block}@keyframes open-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.favorite-btn{background:var(--color-bg);border:1px solid var(--color-border-light);cursor:pointer;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);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:6px;line-height:1;display:inline-flex;position:relative}.favorite-btn:before{content:"";min-width:44px;min-height:44px;position:absolute;inset:-6px}.favorite-btn:hover{background:var(--color-bg-hover,#0000000d);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.favorite-btn:active{transform:scale(.92)}.favorite-btn--active{color:var(--color-danger);background:var(--color-danger-bg,#dc262614);border-color:var(--color-danger)}.favorite-btn--active:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg,#dc26261f)}.favorite-btn--bounce{animation:.3s cubic-bezier(.34,1.56,.64,1) heartBounce}.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{top:var(--space-sm);right:var(--space-sm);z-index:2;position:absolute}.station-card:has(.station-card__status--closed){opacity:.65;filter:saturate(.6)}.station-card:has(.station-card__status--closed):hover{opacity:1;filter:saturate()}@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:"";background:linear-gradient(90deg, var(--color-accent), var(--color-accent-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right: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{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-top:var(--space-md);font-weight:600;animation:.5s ease-out both fadeInUp;display:flex}.tank-tip--good{color:var(--color-success,#22c55e);background:#22c55e1a;border:1px solid #22c55e33}.tank-tip--bad{color:var(--color-danger,#e53e3e);background:#ef444414;border:1px solid #ef444426}.tank-tip__icon{font-size:.7em;animation:2s ease-in-out infinite subtlePulse}.favorites-page__header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.favorite-alert-hint{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);display:flex}.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{font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:2px;font-weight:600;line-height:1;display:inline-flex}.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{text-align:right;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);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.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{flex-wrap:wrap;justify-content:flex-end}.station-card__price-block .price-change__time{text-align:right;width:100%;display:block}.station-card__signal{color:var(--color-text-muted);align-items:center;gap:4px;margin-top:2px;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.station-card__signal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.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;border-radius:var(--radius-sm,4px);margin-left:var(--space-xs);letter-spacing:.03em;text-transform:uppercase;box-shadow:0 1px 4px rgba(var(--color-accent-rgb), .3);padding:2px 8px;font-size:.65rem;font-weight:700}.station-card__services{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.station-card__service-badge{border-radius:var(--radius-sm,4px);background:var(--color-surface-alt,#f3f4f6);color:var(--color-text-muted);border:1px solid var(--color-border,#e5e7eb);justify-content:center;align-items:center;padding:1px 5px;font-size:.65rem;line-height:1.2;display:inline-flex}.share-btn-wrapper{align-items:center;display:inline-flex;position:relative}.share-btn{cursor:pointer;padding:var(--space-sm);min-width:44px;min-height:44px;color:var(--color-text-muted,#718096);transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:inline-flex}.share-btn:hover{background:var(--color-bg-hover,#0000000d);color:var(--color-primary);transform:scale(1.15)}.share-btn__toast{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;pointer-events:none;animation:2.5s ease-in-out forwards share-toast-fade;position:absolute;top:100%;left:50%;transform:translate(-50%)}@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{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-height:44px;color:var(--color-text);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;line-height:1;text-decoration:none;display:inline-flex}.route-btn span:not([aria-hidden]){display:none}@media (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{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);border:none;justify-content:center;align-items:center;min-width:44px;padding:6px 10px;display:inline-flex}@media (width>=769px){.station-card .route-btn{justify-content:center;align-items:center;min-width:32px;min-height:32px}}.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{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);flex-direction:column;display:flex}.compare-section__item{gap:var(--space-xs);flex-direction:column;display:flex}.compare-section__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.compare-section__values{align-items:baseline;gap:var(--space-md);display:flex}.compare-section__price{font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.compare-section__diff{font-size:var(--text-sm);border-radius:var(--radius-full);padding:.25rem .75rem;font-weight:600}.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{border-radius:var(--radius-sm);gap:1px;height:12px;display:flex;overflow:hidden}.best-time-bar__segment{transition:opacity var(--transition-fast);flex:1}.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);z-index:1;border-radius:2px;position:relative}.best-time-bar__labels{color:var(--color-text-muted);justify-content:space-between;margin-top:2px;padding:0 1px;font-size:.75rem;display:flex}.percentile-gauge{margin-top:var(--space-sm);flex-direction:column;align-items:center;display:flex}.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{margin-bottom:var(--space-sm);justify-content:center;display:flex}.tank-signal{border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;line-height:1;display:inline-flex}.tank-signal__dot{border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem}.tank-signal--green{background:var(--color-success-bg);color:var(--color-success)}.tank-signal--green .tank-signal__dot{background:var(--color-success);animation:2s ease-in-out infinite tank-dot-pulse}@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{top:var(--header-height);z-index:calc(var(--z-header) - 1);justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);opacity:0;pointer-events:none;background:#ffffffeb;transition:transform .25s ease-out,opacity .2s;display:flex;position:fixed;left:0;right:0;transform:translateY(-100%);box-shadow:0 2px 8px #00000014}.sticky-price-bar--visible{opacity:1;pointer-events:auto;transform:translateY(0)}[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{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;font-weight:600;display:none;overflow:hidden}.sticky-price-bar__prices{gap:var(--space-sm);flex-shrink:0;justify-content:space-around;width:100%;display:flex}.sticky-price-bar__fuel{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.sticky-price-bar__fuel small{font-weight:500;font-size:var(--text-xs);color:var(--color-text-muted);margin-right:2px;display:none}@media (width>=481px){.sticky-price-bar__fuel small{display:revert}}@media (width>=381px){.sticky-price-bar__name{display:revert}.sticky-price-bar__prices{width:revert;justify-content:revert}}.sticky-price-bar__price{color:var(--color-primary);white-space:nowrap;font-weight:700}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.scroll-progress{height:3px;z-index:calc(var(--z-header) + 1);pointer-events:none;position:fixed;top:0;left:0;right:0}.scroll-progress__bar{background:linear-gradient(90deg, var(--color-e5), var(--color-e10), var(--color-diesel));will-change:width;border-radius:0 2px 2px 0;height:100%;transition:width 50ms linear}@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{color:#4ade80!important;background:#16a34a40!important;border-color:#16a34a!important}:root[data-theme=dark] .station-marker__bubble--medium{color:#fbbf24!important;background:#ca8a0440!important;border-color:#ca8a04!important}:root[data-theme=dark] .station-marker__bubble--expensive{color:#f87171!important;background:#dc262640!important;border-color:#dc2626!important}:root[data-theme=dark] .station-cluster--cheap{color:#4ade80!important;background:#16a34a40!important;border-color:#16a34a!important}:root[data-theme=dark] .station-cluster--medium{color:#fbbf24!important;background:#ca8a0440!important;border-color:#ca8a04!important}:root[data-theme=dark] .station-cluster--expensive{color:#f87171!important;background:#dc262640!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{color:#4ade80!important;background:#16a34a40!important;border-color:#16a34a!important}:root:not([data-theme=light]) .station-marker__bubble--medium{color:#fbbf24!important;background:#ca8a0440!important;border-color:#ca8a04!important}:root:not([data-theme=light]) .station-marker__bubble--expensive{color:#f87171!important;background:#dc262640!important;border-color:#dc2626!important}:root:not([data-theme=light]) .station-cluster--cheap{color:#4ade80!important;background:#16a34a40!important;border-color:#16a34a!important}:root:not([data-theme=light]) .station-cluster--medium{color:#fbbf24!important;background:#ca8a0440!important;border-color:#ca8a04!important}:root:not([data-theme=light]) .station-cluster--expensive{color:#f87171!important;background:#dc262640!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{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);pointer-events:none;font-weight:600;animation:2s ease-out forwards share-toast-fade;display:inline-block}.detail-prices__copy-btn{transition:transform var(--transition-fast);position:relative}.detail-prices__copy-btn:after{content:"";vertical-align:middle;opacity:0;width:14px;height:14px;transition:opacity var(--transition-fast);background:currentColor;margin-left:6px;display:inline-block;-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");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{background:var(--color-bg);min-height:100dvh;display:flex}.sg-mobile-toggle{top:var(--space-md);left:var(--space-md);z-index:var(--z-mobile-toggle);display:flex;position:fixed}.sg-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:260px;height:100dvh;z-index:var(--z-header);transition:transform var(--transition-base);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.sg-sidebar__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.sg-sidebar__title{font-size:var(--text-xl);color:var(--color-primary);margin:0;font-weight:800;line-height:1.2}.sg-sidebar__subtitle{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.sg-sidebar__nav{padding:var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex}.sg-sidebar__link{text-align:left;width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;font-weight:500;display:block}.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{padding:var(--space-xl) var(--space-md);max-width:960px;padding-top:calc(var(--space-xl) + 56px);flex:1;margin-left:0}.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);margin:0 0 var(--space-xs);font-weight:800}.sg-section__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.sg-section h3{font-size:var(--text-lg);margin:var(--space-lg) 0 var(--space-md);color:var(--color-text-secondary);font-weight:700}.sg-section h3:first-of-type{margin-top:0}.sg-swatches{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.sg-swatch{border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);text-align:left;flex-direction:column;width:100%;padding:0;display:flex;overflow:hidden}.sg-swatch:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sg-swatch__color{width:100%;height:56px}.sg-swatch__info{padding:var(--space-sm);flex-direction:column;gap:2px;display:flex}.sg-swatch__label{font-size:var(--text-xs);color:var(--color-text);font-weight:600}.sg-swatch__value{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-mono)}.sg-spacing-list{gap:var(--space-sm);flex-direction:column;display:flex}.sg-spacing-item{align-items:center;gap:var(--space-md);display:flex}.sg-spacing-item__name{font-size:var(--text-xs);font-family:var(--font-mono);width:100px;color:var(--color-text-secondary);flex-shrink:0}.sg-spacing-item__bar{background:var(--color-primary);border-radius:var(--radius-sm);opacity:.7;height:24px}.sg-spacing-item__var{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-muted)}.sg-shadow-row{gap:var(--space-lg);flex-wrap:wrap;display:flex}.sg-shadow-box{background:var(--color-surface);border-radius:var(--radius-lg);width:120px;height:80px;font-size:var(--text-sm);color:var(--color-text-secondary);justify-content:center;align-items:center;font-weight:600;display:flex}.sg-radius-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.sg-radius-box{background:var(--color-primary-light);border:2px solid var(--color-primary);width:100px;height:60px;font-size:var(--text-xs);color:var(--color-primary);text-align:center;justify-content:center;align-items:center;font-weight:600;display:flex}.sg-button-row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.sg-card-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.sg-badge-row{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.sg-component-row{gap:var(--space-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.sg-progress-track{background:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.sg-progress-fill{background:var(--color-primary);border-radius:var(--radius-full);height:100%;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{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.sg-accordion__trigger:hover{background:var(--color-bg)}.sg-accordion__icon{font-size:var(--text-xl);color:var(--color-text-muted);font-weight:300}.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{border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg);gap:0;display:flex}.sg-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-weight:600}.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 (width>=769px){.sg-mobile-toggle{display:none}.sg-sidebar{box-shadow:revert;transition:revert;transform:none}.sg-sidebar--open{transform:none}.sg-main{padding:var(--space-2xl) var(--space-xl);padding-top:revert;margin-left:260px}.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);margin-bottom:var(--space-xl);color:var(--color-text);font-weight:800}.legal-page__section{margin-bottom:var(--space-xl)}.legal-page__section h2{font-size:var(--text-xl);margin-bottom:var(--space-sm);color:var(--color-text);font-weight:700}.legal-page__section h3{font-size:var(--text-lg);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:600}.legal-page__section p,.legal-page__section ul{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.legal-page__section ul{padding-left:var(--space-lg)}.legal-page__section a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.legal-page__section a:hover{color:var(--color-primary-dark)}.legal-page__lead{color:var(--color-text);font-size:1.125rem;line-height:1.6}.contact-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.contact-list li{color:var(--color-text);align-items:center;gap:.625rem;display:flex}.contact-list a{color:var(--color-primary);text-decoration:none}.contact-list a:hover{text-decoration:underline}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-list__item{border:1px solid var(--color-border);background:var(--color-surface,#fff);border-radius:8px;padding:.875rem 1rem}.faq-list__item summary{cursor:pointer;color:var(--color-text);justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq-list__item summary::-webkit-details-marker{display:none}.faq-list__item summary:after{content:"+";color:var(--color-text-muted);font-size:1.25rem;font-weight:400;transition:transform .2s}.faq-list__item[open] summary:after{content:"−"}.faq-list__item p{color:var(--color-text-secondary);margin:.75rem 0 0;line-height:1.6}@media (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);margin-bottom:var(--space-sm);font-weight:800}.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{gap:var(--space-lg);max-width:400px;margin:0 auto var(--space-2xl);grid-template-columns:1fr;display:grid}.pricing-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card--popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-md)}.pricing-card__badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:4px 16px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.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);margin-bottom:var(--space-sm);font-weight:700}.pricing-card__price{justify-content:center;align-items:baseline;gap:var(--space-xs);display:flex}.pricing-card__amount{font-size:var(--text-3xl);color:var(--color-text);font-weight:800}.pricing-card__interval{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-card__savings{margin-top:var(--space-xs);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-full);padding:2px 10px;font-weight:600;display:inline-block}.pricing-card__features{margin:0 0 var(--space-lg);flex:1;padding:0;list-style:none}.pricing-card__feature{align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--text-sm);line-height:1.4;display:flex}.pricing-card__feature--included{color:var(--color-text)}.pricing-card__feature--excluded{color:var(--color-text-muted);opacity:.6;text-decoration:line-through}.pricing-card__feature-icon{flex-shrink:0;display:flex}.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{text-align:center;margin-top:auto}.pricing-card__button{width:100%;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);min-height:44px;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.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{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.pricing-card__button--secondary:hover{background:color-mix(in srgb, var(--color-primary) 8%, transparent)}.pricing-card__current{padding:var(--space-xs) var(--space-lg);font-size:var(--text-sm);color:var(--color-accent);background:var(--color-accent-light);border-radius:var(--radius-md);font-weight:600;display:inline-block}.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);text-align:center;margin-bottom:var(--space-xl);font-weight:700}.pricing-page__faq-list{gap:var(--space-sm);flex-direction:column;display:flex}.pricing-page__faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.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);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.pricing-page__faq-item summary:hover{background:var(--color-bg-hover)}.pricing-page__faq-item summary:after{content:"+";font-size:var(--text-xl);color:var(--color-text-muted);transition:transform var(--transition-fast);font-weight:300}.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 (width>=769px){.pricing-page__plans{grid-template-columns:repeat(3,1fr);max-width:960px}}@media (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)}.photo-gallery__img{max-width:200px;height:150px}.stat-card{min-width:220px;width:revert}.hero__last-search{min-height:revert}}.dialog-overlay{z-index:var(--z-modal);animation:dialogFadeIn var(--transition-fast) ease;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.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;justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.dialog__title{font-size:var(--text-base);color:var(--color-text);margin:0;font-weight:600}.dialog__body{padding:var(--space-lg)}.dialog__body p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;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{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15);outline:none}.dialog__footer{gap:var(--space-sm);padding:0 var(--space-lg) var(--space-lg);justify-content:flex-end;display:flex}@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 (width>=481px){.dialog-overlay{padding:var(--space-md);align-items:center}.dialog{border-radius:var(--radius-xl);max-width:440px}.dialog--wide{max-width:640px}}@media (prefers-reduced-motion:reduce){.dialog-overlay,.dialog{animation:none}}.report-btn{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);min-height:44px;color:var(--color-text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:0 0;line-height:1;text-decoration:none;display:inline-flex}.report-btn span:not([aria-hidden]){display:none}@media (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 (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{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);flex-direction:column;display:flex}.altcha-widget{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);display:flex}.altcha-widget--disabled{opacity:.5;pointer-events:none}.altcha-widget__status{align-items:center;gap:var(--space-xs);display:flex}.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:1s linear infinite altchaSpin}.altcha-widget__retry{cursor:pointer;color:var(--color-primary);padding:var(--space-xs);border-radius:var(--radius-sm);min-width:44px;min-height:44px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.altcha-widget__retry:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.beta-banner{z-index:1000;justify-content:space-between;align-items:center;gap:var(--space-sm);padding:.5rem var(--space-md);color:#1a1a1a;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);font-size:.8125rem;font-weight:500;line-height:1.4;display:flex;position:sticky;top:0}.beta-banner__content{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.beta-banner__icon{opacity:.8;flex-shrink:0}.beta-banner__badge{letter-spacing:.08em;text-transform:uppercase;background:#00000026;border-radius:999px;flex-shrink:0;align-items:center;padding:.0625rem .5rem;font-size:.6875rem;font-weight:800;display:inline-flex}.beta-banner__text{flex:1;min-width:0}.beta-banner__link{color:#1a1a1a;text-underline-offset:2px;white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;font-weight:600;text-decoration:underline;display:inline-flex}.beta-banner__link:hover{color:#000}.beta-banner__close{cursor:pointer;color:#1a1a1a;background:#0000001a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.beta-banner__close:hover{background:#0003}@media (width<=480px){.beta-banner{padding:.375rem var(--space-sm);font-size:.75rem}.beta-banner__text{display:none}}.toast-container{top:var(--space-sm);right:var(--space-sm);z-index:var(--z-modal);gap:var(--space-sm);pointer-events:none;width:100%;max-width:100%;left:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{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);pointer-events:auto;animation:toastSlideIn var(--transition-base) ease;border:1px solid #0000;font-weight:500;display:flex}.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{cursor:pointer;font-weight:700;font-size:var(--text-sm);color:inherit;text-underline-offset:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:opacity var(--transition-fast);white-space:nowrap;background:0 0;border:none;text-decoration:underline}.toast__action:hover{opacity:.8}.toast__close{cursor:pointer;color:inherit;opacity:.6;padding:var(--space-xs);border-radius:var(--radius-sm);min-width:28px;min-height:28px;transition:opacity var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast__close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (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);opacity:.6;font-weight:400}.price-formatted--changed-down{animation:1.5s ease-out price-flash-down}.price-formatted--changed-up{animation:1.5s ease-out price-flash-up}@keyframes price-flash-down{0%{background-color:#22c55e4d}to{background-color:#0000}}@keyframes price-flash-up{0%{background-color:#ef44444d}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){.price-formatted--changed-down,.price-formatted--changed-up{animation:none}.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{cursor:pointer;color:inherit;font:inherit;line-height:inherit;text-align:inherit;background:0 0;border:none;margin:0;padding:0}.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{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:1000;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);pointer-events:none;animation:.25s ease-out toast-slide-up;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.alert-prompt{bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:1000;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);white-space:normal;text-align:center;max-width:calc(100vw - 2rem);animation:.3s ease-out toast-slide-up;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.alert-prompt__link{color:#fff;text-underline-offset:2px;font-weight:600;text-decoration:underline}.alert-prompt__dismiss{color:#ffffffb3;cursor:pointer;min-width:44px;min-height:44px;padding:var(--space-sm);margin-left:var(--space-xs);border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.alert-prompt__dismiss:hover{color:#fff;background:#ffffff1a}.photo-gallery__btn{cursor:zoom-in;border-radius:var(--radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;padding:0;overflow:hidden}.photo-gallery__btn:hover{box-shadow:var(--shadow-md);transform:scale(1.03)}.photo-gallery__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.photo-lightbox{z-index:2000;-webkit-backdrop-filter:blur(4px);cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.photo-lightbox__close{top:var(--space-md);right:var(--space-md);color:#fff;cursor:pointer;border-radius:var(--radius-full);width:44px;height:44px;transition:background var(--transition-fast);background:#ffffff26;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.photo-lightbox__close:hover{background:#ffffff4d}.photo-lightbox__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.photo-lightbox__img{object-fit:contain;border-radius:var(--radius-md);cursor:default;max-width:90vw;max-height:85vh}.overflow-menu-wrapper{display:block;position:relative}.overflow-menu-trigger{border:1px solid var(--color-border-light);cursor:pointer;border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.overflow-menu-trigger:hover{background:var(--color-bg-hover,#0000000d);color:var(--color-text)}.overflow-menu-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.overflow-menu{margin-top:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-xs) 0;animation:.15s fadeIn;position:absolute;top:100%;right:0}.overflow-menu__item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;color:var(--color-text);font-size:var(--text-sm);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;font-family:inherit;text-decoration:none;display:flex}.overflow-menu__item:hover{background:var(--color-bg-hover,#0000000d)}.overflow-menu__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.action-btn--overflow-hide{display:none!important}@media (width>=481px){.overflow-menu-wrapper{display:none}.action-btn--overflow-hide{display:inline-flex!important}}.analytics-tabs{position:relative}.analytics-tabs:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg));pointer-events:none;opacity:1;width:40px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;right:0}@media (width>=601px){.analytics-tabs:after{display:none}}.embed-section{border:1px dashed var(--color-border);border-radius:var(--radius-lg);margin-top:2rem;padding:1.5rem}.embed-section__toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:color .15s,border-color .15s;display:inline-flex}.embed-section__toggle:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.embed-section__description{color:var(--color-text-secondary);margin:.75rem 0;font-size:.875rem}.embed-section__code{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);width:100%;min-height:80px;color:var(--color-text);resize:none;padding:.75rem;font-family:monospace;font-size:.8rem}.embed-section__actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.embed-section__copied{color:var(--color-success);font-size:.875rem}.embed-mode{padding:.75rem}.embed-mode .embed-powered-by{text-align:center;color:var(--color-text-muted);margin-top:.75rem;font-size:.75rem}.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{flex-direction:column;gap:1rem;display:flex}.commuter-card{transition:opacity .2s}.commuter-card--inactive{opacity:.6}.commuter-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.commuter-card__title{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.commuter-card__badge{background:var(--color-bg-muted,#e5e7eb);color:var(--color-text-muted,#6b7280);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.commuter-card__badge--active{background:var(--color-success-bg,#dcfce7);color:var(--color-success,#16a34a)}.commuter-card__fuel{color:var(--color-text-secondary);white-space:nowrap;font-size:.875rem}.commuter-card__route{background:var(--color-bg-muted,#f9fafb);border-radius:.5rem;flex-direction:column;gap:.25rem;margin:.75rem 0;padding:.75rem;display:flex}.commuter-card__point{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.commuter-card__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.commuter-card__dot--start{background:var(--color-primary,#c70c6f)}.commuter-card__dot--end{background:var(--color-success,#16a34a)}.commuter-card__line{background:var(--color-border,#d1d5db);width:1px;height:12px;margin-left:4px}.commuter-card__meta{color:var(--color-text-muted,#6b7280);flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.commuter-card__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.commuter-card__confirm{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.commuter-days{flex-wrap:wrap;gap:.375rem;display:flex}.commuter-days__item{border:1px solid var(--color-border,#d1d5db);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.375rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8125rem;display:flex}.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{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.commuter-times__item{align-items:center;gap:.25rem;display:flex}.commuter-times__item .form-input{width:auto}.route-preview-map-wrapper{border:1px solid var(--color-border,#d1d5db);border-radius:.5rem;margin:1rem 0;overflow:hidden}.route-preview-map-wrapper__title{color:var(--color-text-secondary,#6b7280);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-alt,#f9fafb);border-bottom:1px solid var(--color-border,#d1d5db);margin:0;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.route-preview-map{width:100%;height:200px}.route-preview-marker{border:2px solid #fff;border-radius:50%;width:16px;height:16px;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;margin:0 0 1rem;padding:1rem}.form-legend{padding:0 .5rem;font-size:.875rem;font-weight:600}.form-row--coords{margin-top:.5rem}.form-row--coords .form-group{flex:1}.subscription-result{min-height:60vh;padding:var(--space-xl) var(--space-md);justify-content:center;align-items:center;display:flex}.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{margin-bottom:var(--space-sm);font-size:1.75rem;font-weight:700}.subscription-result__message{color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.subscription-result__actions{gap:var(--space-sm);flex-direction:column;display:flex}.subscription-result__button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.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:1s linear infinite spin}.station-nav-fab{bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:200;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;cursor:pointer;width:56px;height:56px;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;right:20px;box-shadow:0 4px 14px #00000040,0 2px 4px #00000026}.station-nav-fab:hover,.station-nav-fab:focus-visible{background:color-mix(in srgb, var(--color-primary) 80%, #000);outline:2px solid var(--color-primary);outline-offset:3px;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d,0 3px 6px #0003}.station-nav-fab:active{transform:translateY(0);box-shadow:0 2px 8px #0003}@media (width>=769px){.station-nav-fab{display:none}}.station-tabs{border-bottom:2px solid var(--color-border-light);margin-bottom:var(--space-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch;top:var(--header-height,56px);z-index:10;background:var(--color-bg);padding-top:var(--space-xs);gap:0;display:flex;position:sticky;overflow-x:auto}.station-tabs::-webkit-scrollbar{display:none}.station-tab{min-width:max-content;padding:var(--space-sm) var(--space-md);min-height:44px;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;font-family:inherit;font-weight:600;transition:color .2s,border-color .2s}.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:.2s fadeIn}@media (width>=481px){.station-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}}@media (width>=769px){.station-tabs{position:relative;top:auto}}.compare-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.compare-selector{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex;position:relative}.compare-selector__add{align-items:center;gap:var(--space-xs);display:inline-flex}.compare-selector__count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.compare-selector__dropdown{z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin:var(--space-xs) 0 0;padding:var(--space-xs) 0;min-width:280px;max-height:280px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto}.compare-selector__option{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);background:0 0;border:none;transition:background-color .15s;display:flex}.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{-webkit-overflow-scrolling:touch;margin-bottom:var(--space-xl);overflow-x:auto}.compare-grid{border-collapse:separate;border-spacing:0;width:100%;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);z-index:5;position:sticky;top:0}.compare-grid__label{color:var(--color-text-secondary);white-space:nowrap;text-align:left;min-width:80px;font-weight:600;font-size:var(--font-size-xs)}.compare-grid__station-header{text-align:left;min-width:140px;padding-right:var(--space-xl);position:relative}.compare-grid__remove{top:var(--space-xs);right:var(--space-xs);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xxs);border-radius:var(--radius-sm);background:0 0;border:none;line-height:1;transition:color .15s,background-color .15s;position:absolute}.compare-grid__remove:hover,.compare-grid__remove:focus-visible{color:var(--color-error);background-color:var(--color-error-bg,#ef44441a)}.compare-grid__station-link{color:var(--color-text);flex-direction:column;gap:2px;text-decoration:none;display:flex}.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,#22c55e14)}.compare-grid__cell--cheapest .compare-grid__price{color:var(--color-success,#16a34a);font-weight:700}.compare-grid__price{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);flex-wrap:wrap;font-weight:600;display:flex}.compare-grid__cheapest-badge{font-size:var(--font-size-xxs,.65rem);text-transform:uppercase;letter-spacing:.05em;color:var(--color-success,#16a34a);background:var(--color-success-bg,#22c55e1f);border-radius:var(--radius-sm);white-space:nowrap;padding:1px 6px;font-weight:600}.compare-grid__na{color:var(--color-text-secondary);font-style:italic}.compare-grid__updated{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;display:block}.compare-grid__distance{align-items:center;gap:var(--space-xxs);display:inline-flex}.compare-grid__nav-link{align-items:center;gap:var(--space-xxs);font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--space-xxs);text-decoration:none;display:inline-flex}.compare-grid__nav-link:hover{text-decoration:underline}.compare-empty{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);display:flex}@media (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{border:2px dashed var(--color-border);background:var(--color-surface-alt);justify-content:center;align-items:center;min-height:280px;display:flex}.blog-card__ad-inner{width:100%;height:100%;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.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{z-index:9999;-webkit-backdrop-filter:blur(8px);padding:var(--space-lg);cursor:zoom-out;opacity:0;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0}.lightbox--active,.lightbox--exit{opacity:1}.lightbox--exit{opacity:0;transition:opacity .2s ease-in}.lightbox__img{object-fit:contain;border-radius:var(--radius-md);opacity:0;cursor:default;max-width:90vw;max-height:85vh;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease-out;transform:scale(.92);box-shadow:0 20px 60px #00000080}.lightbox--active .lightbox__img{opacity:1;transform:scale(1)}.lightbox--exit .lightbox__img{opacity:0;transition:transform .2s ease-in,opacity .2s ease-in;transform:scale(.92)}.lightbox__close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:1;background:#ffffff1a;border:1px solid #fff3;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:background .15s,transform .15s;display:flex;position:absolute}.lightbox__close:hover{background:#fff3;transform:scale(1.1)}.lightbox__close:focus-visible{outline-offset:2px;outline:2px solid #fff}.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;border-radius:var(--radius-sm);transition:transform .2s,box-shadow .2s}.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{background:var(--color-bg-secondary,#f1f5f9);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;min-height:120px;display:flex}.responsive-image--placeholder:after{content:"";opacity:.3;background:currentColor;width:48px;height:48px;display:block;-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") 50%/contain no-repeat;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") 50%/contain no-repeat}.skeleton{background:linear-gradient(90deg, var(--color-surface-alt) 25%, var(--color-border) 50%, var(--color-surface-alt) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.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%}.form-label-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.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{font-size:var(--text-xs);margin-top:4px;display:block}.form-hint--error{color:var(--color-danger,#dc2626)}.price-anomalies__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=601px){.price-anomalies__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.price-anomalies__grid{grid-template-columns:repeat(3,1fr)}}.price-anomalies__card{gap:var(--space-sm);text-align:left;padding:var(--space-md) var(--space-lg);flex-direction:column;align-items:flex-start!important}.price-anomalies__station{gap:var(--space-2xs);flex-direction:column;display:flex}.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{align-items:center;gap:var(--space-sm);width:100%;display:flex}.price-anomalies__price{font-size:var(--text-lg);color:var(--color-success,#22c55e);font-weight:700}.price-anomalies__badge{font-size:var(--text-xs);color:var(--color-success,#22c55e);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-full,9999px);white-space:nowrap;background:#22c55e1a;font-weight:600;display:inline-block}.bug-report-modal__form{gap:var(--space-md);flex-direction:column;display:flex}.bug-report-modal__title-row{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.bug-report-modal__title-icon{color:var(--color-primary);flex-shrink:0}.bug-report-modal__subtitle{line-height:1.5}.bug-report-modal__preview{aspect-ratio:16/9;background:var(--color-bg-muted,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.bug-report-modal__preview-loading{align-items:center;gap:var(--space-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.bug-report-modal__preview-img{object-fit:contain;background:#fff;width:100%;height:100%}.bug-report-modal__privacy{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.5}.dialog__close{padding:var(--space-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm,6px);width:32px;height:32px;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.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 (width>=481px){.dialog--xl{max-width:880px}}.tooltip{background:var(--color-text,#1f2937);color:var(--color-bg,#fff);font-size:var(--text-xs,12px);border-radius:var(--radius-sm,6px);z-index:11000;pointer-events:none;white-space:nowrap;max-width:240px;padding:6px 10px;line-height:1.4;animation:.15s ease-out tooltipFadeIn;position:fixed;box-shadow:0 4px 12px #00000026}.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{justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:left;cursor:pointer;min-height:40px;display:flex}.custom-select__trigger:disabled{cursor:not-allowed;opacity:.6}.custom-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-select__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.custom-select__trigger[aria-expanded=true] .custom-select__chevron{transform:rotate(180deg)}.custom-select__list{padding:var(--space-xs) 0;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,8px);z-index:11000;max-height:280px;margin:0;list-style:none;animation:.15s ease-out selectFadeIn;position:fixed;overflow-y:auto;box-shadow:0 10px 30px #0000001f}@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{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:8px var(--space-md);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);min-height:36px;display:flex}.custom-select__option--active{background:var(--color-bg-muted,#f3f4f6)}.custom-select__option--selected{color:var(--color-primary);font-weight:500}.badge--severity-critical{color:#fff;background:#991b1b;animation:2s ease-in-out infinite criticalPulse}@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{gap:var(--space-xs);justify-content:flex-end;display:flex}.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{gap:var(--space-xs) var(--space-md);font-size:var(--text-sm);margin-bottom:var(--space-md);grid-template-columns:auto 1fr;display:grid}.bug-report-detail__meta dt{color:var(--color-text-muted);font-weight:600}.bug-report-detail__meta dd{color:var(--color-text);word-break:break-word;margin:0}.bug-report-detail__screenshot{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-md,8px);width:100%;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{background:var(--color-bg-muted,#f3f4f6);width:56px;height:56px;margin-bottom:var(--space-md);color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.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{align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border,#e5e7eb);display:flex}.skeleton-bar{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:4px;height:14px;animation:1.5s ease-in-out infinite skeletonPulse}@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{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.admin-page__title{font-size:var(--text-2xl,1.75rem);color:var(--color-text);margin:0;font-weight:600}.bug-report-description-btn{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);background:0 0;border:none;margin:-2px -4px;padding:2px 4px}.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{right:var(--space-xs);width:32px;min-width:44px;height:32px;min-height:44px;position:absolute;top:50%;transform:translateY(-50%)}.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{gap:var(--space-xs) var(--space-md);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);grid-template-columns:auto 1fr;margin:0;display:grid}.bug-report-modal__info dt{color:var(--color-text-muted);align-self:start;padding-top:2px;font-weight:600}.bug-report-modal__info dd{color:var(--color-text);align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin:0;display:flex}.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{margin:var(--space-sm) 0 0;gap:var(--space-xs);flex-direction:column;max-height:200px;padding:0;list-style:none;display:flex;overflow-y:auto}.bug-report-modal__errors-list li{font-size:var(--text-xs);padding:var(--space-xs);background:var(--color-bg,#fff);border-radius:var(--radius-sm,4px);align-items:flex-start;gap:var(--space-xs);flex-wrap:wrap;line-height:1.5;display:flex}.bug-report-modal__errors-list code{color:var(--color-text);word-break:break-word;flex:1;font-family:monospace}.bug-report-modal__errors-more{color:var(--color-text-muted);justify-content:center;font-style:italic}.bug-report-fab{bottom:var(--space-lg,24px);right:var(--space-lg,24px);background:var(--color-primary,#e11d48);color:#fff;cursor:pointer;z-index:9000;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out;display:inline-flex;position:fixed;box-shadow:0 4px 16px #0003}.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 (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{cursor:zoom-in;border-radius:var(--radius-md,8px);width:100%;margin-bottom:var(--space-md);background:0 0;border:none;padding:0;display:block;position:relative;overflow:hidden}.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{bottom:var(--space-sm);right:var(--space-sm);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm,4px);opacity:0;pointer-events:none;background:#000000b3;padding:4px 8px;transition:opacity .15s ease-out;position:absolute}@media (prefers-reduced-motion:reduce){.bug-report-detail__screenshot-hint{transition:none}}.bug-report-zoom__img{object-fit:contain;background:#000;width:100%;height:auto;max-height:80vh;display:block}.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:"";background:var(--color-primary);width:8px;height:8px;margin-right:var(--space-xs);vertical-align:middle;border-radius:50%;display:inline-block}.admin-bulk-toolbar{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;display:flex}.admin-bulk-toolbar>span{color:var(--color-text);font-weight:600}.admin-layout__nav-badge{background:var(--color-primary);color:#fff;min-width:20px;height:20px;font-size:var(--text-xs);border-radius:10px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;font-weight:700;line-height:1;display:inline-flex}.bug-report-detail__request{margin-bottom:var(--space-sm)}.bug-report-detail__request-header{color:var(--color-text);margin-bottom:4px;font-weight:600}.bug-report-detail__request-body{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;margin:0;overflow-y:auto}.bug-stats-card{gap:var(--space-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex}.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{justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.bug-stats-card__primary{flex-direction:column;display:flex}.bug-stats-card__value{color:var(--color-primary);font-size:2rem;font-weight:700;line-height:1}.bug-stats-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.bug-stats-card__secondary{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;flex-direction:column;gap:2px;display:flex}.bug-stats-card__secondary strong{color:var(--color-text)}.seo-stats-card{gap:var(--space-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex}.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{justify-content:space-between;align-items:flex-end;gap:var(--space-md);display:flex}.seo-stats-card__primary{flex-direction:column;display:flex}.seo-stats-card__value{color:var(--color-primary);font-size:2rem;font-weight:700;line-height:1}.seo-stats-card__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px}.seo-stats-card__secondary{gap:var(--space-md);display:flex}.seo-stats-card__stat{flex-direction:column;align-items:flex-end;display:flex}.seo-stats-card__stat-value{color:var(--color-text);font-size:1.125rem;font-weight:600}.seo-stats-card__stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.seo-stats-card__progress{flex-direction:column;gap:4px;display:flex}.seo-stats-card__progress-header{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;display:flex}.seo-stats-card__progress-header strong{color:var(--color-text);font-size:.9375rem}.seo-stats-card__progress-bar{background:var(--color-bg-muted,#0000000f);border-radius:3px;height:6px;position:relative;overflow:hidden}.seo-stats-card__progress-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-success,#22c55e) 100%);height: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{background:var(--color-warning-bg,#facc151a);border-left:3px solid var(--color-warning);color:var(--color-text-secondary);border-radius:4px;padding:.75rem .875rem;font-size:.8125rem}.bug-stats-card__severity{background:var(--color-bg-muted,#f3f4f6);border-radius:4px;height:8px;display:flex;overflow:hidden}.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{gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.bug-stats-card__legend-item{align-items:center;gap:4px;display:inline-flex}.bug-stats-card__legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.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{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.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{margin:0 0 var(--space-md);gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.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{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:var(--text-xs);display:flex}.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{width:28px;min-width:auto;height:28px;min-height:auto;margin-left: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{gap:var(--space-xs);flex-direction:column;display:flex}.bug-report-comments__form textarea{resize:vertical;min-height:72px}.bug-report-comments__form button{align-self:flex-end}.bug-report-activity{margin:var(--space-sm) 0 0;max-height:300px;padding:0;list-style:none;overflow-y:auto}.bug-report-activity__item{gap:var(--space-sm);padding:var(--space-xs) 0;font-size:var(--text-xs);border-bottom:1px solid var(--color-border,#e5e7eb);grid-template-columns:auto auto 1fr;display:grid}.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 (width<=640px){.bug-report-detail__meta{gap:var(--space-xs);grid-template-columns:1fr}.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{-webkit-overflow-scrolling:touch;overflow-x:auto}.bug-report-activity__item{padding:var(--space-sm) 0;grid-template-columns:1fr;gap:2px}.bug-report-activity__ts{font-size:11px}.skeleton-row{gap:var(--space-sm);flex-wrap:wrap}.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{flex-wrap:wrap;justify-content:flex-start}.dialog--xl .dialog__footer{flex-direction:column-reverse}.dialog--xl .dialog__footer .btn,.dialog--xl .dialog__footer a.btn{justify-content:center;width:100%}.admin-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.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 (width<=380px){.bug-report-fab{width:40px;height:40px}.admin-bulk-toolbar>span{font-size:var(--text-xs)}.badge{padding:2px 6px;font-size:11px}}.admin-bulk-toolbar__select{min-width:200px}.admin-edit-btn{font-size:var(--text-xs);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);white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;font-weight:500;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.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);border-color:var(--color-warning,#d97706);background:#fef3c7}@media (hover:hover) and (width>=769px){.admin-edit-btn__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.detail-header__edit{z-index:2;position:absolute;top:0;right:0}.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)}.city-index__hero{margin-bottom:var(--space-lg,24px)}.city-index__hero-text{color:var(--color-text-secondary,#6b7280);font-size:var(--text-lg,1.125rem);margin:0}.city-index__nav{padding:var(--space-md,16px);margin-bottom:var(--space-lg,24px);background:var(--color-bg-subtle,#f9fafb);border:1px solid var(--color-border-light,#e5e7eb);border-radius:var(--radius-md,8px);flex-wrap:wrap;gap:.5rem;display:flex}.city-index__nav-link{background:var(--color-bg,#fff);border:1px solid var(--color-border,#d1d5db);border-radius:var(--radius-sm,4px);font-size:var(--text-sm,.875rem);color:var(--color-text,#111827);align-items:center;gap:4px;padding:6px 10px;text-decoration:none;transition:all .15s;display:inline-flex}.city-index__nav-link:hover,.city-index__nav-link:focus-visible{border-color:var(--color-accent,#2563eb);color:var(--color-accent,#2563eb);outline:none}.city-index__nav-count{color:var(--color-text-secondary,#6b7280);font-size:.85em}.city-index__section{margin-bottom:var(--space-xl,32px);scroll-margin-top:88px}.city-index__section-count{color:var(--color-text-secondary,#6b7280);font-size:.85em;font-weight:400}.city-index__list{column-count:4;column-gap:var(--space-md,16px);margin:0;padding:0;list-style:none}@media (width<=1024px){.city-index__list{column-count:3}}@media (width<=768px){.city-index__list{column-count:2}}@media (width<=480px){.city-index__list{column-count:1}}.city-index__item{break-inside:avoid;padding:2px 0}.city-index__link{color:var(--color-text,#111827);border-radius:3px;padding:2px 4px;text-decoration:none;display:inline-block}.city-index__link:hover,.city-index__link:focus-visible{color:var(--color-accent,#2563eb);background:var(--color-accent-soft,#eff6ff);outline:none}.city-index__count{color:var(--color-text-secondary,#6b7280);font-size:.8em}.scroll-reveal{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(12px)}.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;transition:none;transform: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{opacity:.6;animation:none}.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{opacity:.4;animation:none}.tank-tip__icon,.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{transition:none!important;animation:none!important}.price-fresh-pulse{opacity:1}}.hero{padding:var(--space-xl) var(--space-md) var(--space-lg)}.hero__title{margin-bottom:var(--space-sm);line-height:1.15}.hero__subtitle{letter-spacing:.005em;max-width:620px;font-weight:400}.hero__last-search{min-height:44px;padding:var(--space-sm) var(--space-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;font-size:var(--text-base)}@media (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));letter-spacing:-.02em;margin-bottom:var(--space-md);color:var(--color-text);padding-bottom:var(--space-xs);font-weight:700;position:relative}.section h2:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-primary), var(--color-accent));width:40px;height:3px;position:absolute;bottom:0;left:0}@media (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{box-shadow:0 12px 40px rgba(var(--color-primary-rgb), .1), 0 4px 12px #0000000f;box-shadow:var(--shadow-sm);transform:none}.stat-card:active{transition-duration:.1s;transform:translateY(-2px)}.stat-card__label{font-size:var(--text-xs);letter-spacing:.1em}@media (width>=641px){.stats-row{gap:var(--space-md)}.stat-card{min-width:180px;padding:var(--space-lg)}.stat-card:hover{box-shadow:revert;transform:translateY(-6px)}}.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:"";border-radius:var(--radius-full) var(--radius-full) 0 0;height:3px;transition:height var(--transition-base);position:absolute;top:0;left:0;right:0}.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{box-shadow:var(--shadow-lg);transform:translateY(-4px)}}.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{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 6%, transparent);margin-top:var(--space-lg);font-style:italic;display:inline-block}@media (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);border:1px solid var(--color-border-light);-webkit-overflow-scrolling:touch;display:block;overflow:auto hidden}.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 (width>=641px){.data-table tbody td{padding:var(--space-md)}}@media (width>=381px){.data-table{-webkit-overflow-scrolling:revert;display:table;overflow-x:visible}.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{border-radius:var(--radius-full);transition:transform var(--transition-fast);padding:2px 8px}.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{opacity:.85;width:140px;height:44px;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{box-shadow:var(--shadow-sm);border-color:rgba(var(--color-primary-rgb), .15);transform:none}.nearby-item:active{transition-duration:.1s;transform:scale(.99)}.nearby-item__price{font-variant-numeric:tabular-nums}@media (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{box-shadow:var(--shadow-sm);border-color:rgba(var(--color-primary-rgb), .15);transform:none}@media (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:1.8s ease-in-out infinite shimmer}.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);gap:var(--space-sm);flex-direction:column;display:flex}.nearby-summary__title{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.nearby-summary__row{gap:var(--space-md);flex-wrap:wrap;display:flex}.nearby-summary__item{gap:var(--space-2xs);flex-direction:column;min-width:80px;display:flex}.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 (width>=481px){.nearby-summary__row{gap:var(--space-lg)}.nearby-summary__item{min-width:100px}}.price-fresh-pulse{background:var(--color-info);width:6px;height:6px;margin-right:var(--space-2xs);vertical-align:middle;will-change:opacity;border-radius:50%;animation:1.5s ease-in-out infinite price-fresh-blink;display:inline-block}.nearby-item__name-row{align-items:center;gap:var(--space-xs);display:flex}.nearby-item__rank{border-radius:var(--radius-full,999px);min-width:1.75rem;font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;padding:.125rem .375rem;font-weight:700;line-height:1;display:inline-flex}.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{background:var(--color-border);height:4px;margin-top:var(--space-xs);border-radius:2px;transition:height .15s;overflow:hidden}.nearby-item__price-bar-fill{background:linear-gradient(90deg, var(--color-success,#16a34a), var(--color-warning,#d97706), var(--color-danger,#dc2626));border-radius:2px;height:100%;transition:width .3s,height .15s}.nearby-item:hover .nearby-item__price-bar{height:6px}.nearby-item:hover .nearby-item__price-bar-fill{height:100%}.nearby-section__empty{align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.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);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .18), 0 4px 24px rgba(var(--color-primary-rgb), .12), var(--shadow-lg);border-width:2.5px}.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{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=769px){.station-card-grid{grid-template-columns:repeat(2,1fr)}}.detail-section--collapsible{background:var(--color-surface);border-radius:var(--radius-lg);border:none;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{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:var(--space-sm);background:0 0;border:none;padding:0;display:flex}.detail-section__toggle h2{font-size:var(--text-base);margin:0}.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{transition:transform var(--transition-base);color:var(--color-text-muted);flex-shrink:0;transform:rotate(-90deg)}.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 (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{z-index:var(--z-modal,1000);background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.shortcuts-modal{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:400px;box-shadow:var(--shadow-lg);animation:.2s ease-out fadeInUp}.shortcuts-modal__title{font-size:var(--text-xl);margin-bottom:var(--space-xs);font-weight:700}.shortcuts-modal__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.shortcuts-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;list-style:none;display:flex}.shortcuts-list__item{align-items:center;gap:var(--space-md);display:flex}.shortcuts-list__key{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);color:var(--color-text);justify-content:center;align-items:center;font-weight:600;display:inline-flex;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{z-index:calc(var(--z-modal) + 1);justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-warning);color:#1a1a2e;font-size:var(--text-sm);text-align:center;font-weight:600;animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}.offline-banner__icon{flex-shrink:0}.offline-banner--online{background:var(--color-success);color:#fff;animation:.3s ease-out slideDown}.scroll-progress{background:var(--color-primary);height:3px;z-index:calc(var(--z-header) + 1);will-change:width;pointer-events:none;transition:width 50ms linear;position:fixed;top:0;left:0}.layout__main{animation:.2s ease-out pageFadeIn}.header__nav-link.active{position:relative}.header__nav-link.active:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@media print{.header,.footer,.cookie-banner,.ad-slot,.mobile-menu,.scroll-to-top,.hero__quick-actions{display:none!important}.section{animation:none}body{color:#000;background:#fff}.route-planner{flex-direction:column}.route-planner__sidebar{border:none;width:100%;max-height:none;overflow:visible}}.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);color:var(--color-text-secondary);padding:0 var(--space-xs);font-weight:600}.service-filter__options{gap:var(--space-xs);margin-top:var(--space-sm);flex-flow:column wrap;display:flex}.service-filter__option{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;display:flex}.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);cursor:pointer;flex-shrink:0;width:16px;height:16px}.service-filter__label{align-items:center;gap:var(--space-xs);line-height:1.3;display:flex}.service-filter__icon{font-size:var(--text-base);line-height:1}@media (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;padding:var(--space-xl) var(--space-lg);font-family:var(--font-family);color:var(--color-text);margin:0 auto}.subscription-page__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-lg);color:var(--color-text);font-size:clamp(28px,4vw,40px);font-weight:700}.subscription-page__title:before{content:"";background:var(--color-primary);vertical-align:-.08em;border-radius:2px;width:4px;height:.85em;margin-right:14px;display:inline-block}.subscription-page .alert{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-lg);font-weight:500;animation:.35s ease-out sp-fade-in;display:flex}.subscription-page .alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #4d8a1a33}.subscription-page .alert--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #ef444433}.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);animation:.5s ease-out sp-rise;position:relative;overflow:hidden}.subscription-page__card:has(.subscription-page__crown):before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);height:4px;position:absolute;top:0;left:0;right:0}.subscription-page__plan-header{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);display:flex}.subscription-page__crown{background:linear-gradient(135deg, var(--color-primary-light) 0%, #fff 100%);width:56px;height:56px;color:var(--color-primary);border-radius:var(--radius-lg);border:1px solid var(--color-primary-light);flex-shrink:0;padding:14px}.subscription-page__plan-header>div{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.subscription-page__plan-name{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:700}.subscription-page__status{font-size:var(--text-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.subscription-page__status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.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{gap:var(--space-lg);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.subscription-page__detail{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);flex-direction:column;display:flex}.subscription-page__detail-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.subscription-page__detail-value{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.subscription-page__notice{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);border:1px solid;grid-column:1/-1;line-height:1.55;display:flex}.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);color:var(--color-text);margin:0 0 var(--space-md);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.subscription-page__feature-list{gap:var(--space-sm) var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.subscription-page__feature-item{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-xs) 0;display:flex}.subscription-page__feature-item svg{color:var(--color-accent);flex-shrink:0}.subscription-page__feature-list--compact{margin:var(--space-sm) 0 var(--space-md);flex:auto;grid-template-columns:1fr;gap:6px}.subscription-page__feature-list--compact li{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);border-bottom:none;padding:3px 0;display:flex}.subscription-page__feature-list--compact svg{color:var(--color-accent);flex-shrink:0}.subscription-page__actions{gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--color-border-light);flex-wrap:wrap;display:flex}.subscription-page__button{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-family);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.subscription-page__button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.subscription-page__button:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0)}.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{color:var(--color-text);border-color:var(--color-border);background:0 0}.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{gap:var(--space-sm);flex-wrap:wrap;display:flex}.subscription-page__change-plan{margin-bottom:var(--space-2xl);animation:.5s ease-out .1s backwards sp-rise}.subscription-page__change-plan h2{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:0 0 var(--space-xs);color:var(--color-text);font-weight:700}.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{align-items:stretch;gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:1fr;display:grid}.subscription-page__plan-card{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);flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.subscription-page__plan-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-3px)}.subscription-page__plan-card--current{border-color:var(--color-primary);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%);border-width:2px}.subscription-page__plan-card--current:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);transform:none}.subscription-page__plan-badge{background:var(--color-primary);color:#fff;font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap;align-items:center;gap:4px;padding:5px 14px;font-weight:700;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.subscription-page__plan-card h3{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.01em;margin:0 0 var(--space-xs);color:var(--color-text);font-weight:700}.subscription-page__plan-price{font-size:var(--text-base);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;font-weight:600}.subscription-page__plan-card .subscription-page__button{width:100%;margin-top:auto}.subscription-page__invoices{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);box-shadow:var(--shadow-xs);flex-wrap:wrap;animation:.5s ease-out .2s backwards sp-rise;display:flex}.subscription-page__invoices h2{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-xs);color:var(--color-text);font-weight:700;display:flex}.subscription-page__invoices h2 svg{color:var(--color-primary)}.subscription-page__invoices p{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:48ch;margin:0}.subscription-page__invoices>div:first-of-type,.subscription-page__invoices>:is(h2,p){flex: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{transition:none!important;animation:none!important}}@media (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%}}.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%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton--text{border-radius:var(--radius-sm);width:100%;height:1rem}.skeleton--title{border-radius:var(--radius-sm);width:60%;height:1.75rem}.skeleton--card{border-radius:var(--radius-lg);width:100%;height:180px}.skeleton--image{border-radius:var(--radius-lg);width:100%;height:200px}.skeleton--circle{border-radius:var(--radius-full)}.skeleton-group{gap:var(--space-sm);flex-direction:column;display:flex}.skeleton-station-detail{gap:var(--space-lg);max-width:var(--container-max);padding:var(--space-2xl) var(--space-md);flex-direction:column;margin:0 auto;display:flex}.skeleton-station-detail__header{gap:var(--space-sm);flex-direction:column;display:flex}.skeleton-station-detail__prices{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=641px){.skeleton-station-detail__prices{grid-template-columns:repeat(3,1fr)}}.skeleton-station-detail__price-item{gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.skeleton-blog-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.skeleton-blog-card{gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.skeleton-station-list{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=641px){.skeleton-station-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.skeleton-station-card{gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.skeleton-blog-article{gap:var(--space-sm);max-width:var(--container-max);padding:var(--space-2xl) var(--space-md);flex-direction:column;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){.skeleton{background-image:none;animation:none}}.section{animation:.3s ease-out fadeInUp}.card,.station-card{transition:transform .2s,box-shadow .2s}.btn{transition:background-color .15s,transform .1s,color .15s,border-color .15s}.btn:active{transform:scale(.97)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert{animation:.3s ease-out slideInDown}.badge{transition:background-color .15s}@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}}.choropleth{width:100%;max-width:580px;margin:0 auto;position:relative}.choropleth__svg{width:100%;height:auto;display:block}.choropleth__path{cursor:pointer;stroke:var(--color-surface,#fff);stroke-width:1px;transform-origin:50%;transform-box:fill-box;outline:none;transition:fill .24s,transform .2s,filter .2s}.choropleth__path:hover,.choropleth__path:focus-visible{filter:brightness(1.07)drop-shadow(0 2px 6px #0000002e);stroke-width:1.6px}.choropleth__path:focus-visible{stroke:var(--color-primary,#c70c6f);stroke-width:2.5px}.choropleth__path--highlight{stroke:var(--color-primary,#c70c6f);stroke-width:2.5px;filter:drop-shadow(0 2px 8px #c70c6f59)}.choropleth__tooltip{pointer-events:none;background:var(--color-surface,#fff);color:var(--color-text,#111);border-radius:var(--radius-md,8px);border:1px solid var(--color-border,#ddd);z-index:10;white-space:nowrap;padding:8px 12px;font-size:.875rem;line-height:1.35;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 4px 14px #00000024}.choropleth__tooltip-state{font-weight:600}.choropleth__tooltip-label{color:var(--color-text-secondary,#555)}.choropleth__tooltip-sublabel{color:var(--color-text-secondary,#888);font-size:.8125rem}.choropleth__tooltip-rows{gap:2px;min-width:140px;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.choropleth__tooltip-row{border-left:3px solid #0000;justify-content:space-between;gap:.75rem;padding:2px 0 2px .5rem;font-size:.875rem;display:flex}.choropleth__tooltip-row--diesel{border-left-color:var(--color-diesel,#f59e0b)}.choropleth__tooltip-row--e10{border-left-color:var(--color-e10,#3b82f6)}.choropleth__tooltip-row--e5{border-left-color:var(--color-e5,#4d8a1a)}.choropleth__tooltip-row-label{color:var(--color-text-secondary);font-weight:500}.choropleth__tooltip-row-value{font-variant-numeric:tabular-nums;font-weight:700}.choropleth--loading svg,.choropleth--error{justify-content:center;align-items:center;min-height:360px;display:flex}@media (prefers-reduced-motion:reduce){.choropleth__path,.choropleth__path:hover{filter:none;transition:none}}.bundeslaender-page__hero{text-align:center;margin-bottom:1.5rem}.bundeslaender-page__lead{color:var(--color-text-secondary,#555);max-width:720px;margin:.5rem auto 0}.bundeslaender-page__focus{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.bundeslaender-page__focus-label{color:var(--color-text-secondary);font-weight:600}.bundeslaender-page__focus-pills,.bundeslaender-page__map-fuel-pills{background:var(--color-surface-alt,#f4f4f5);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.bundeslaender-page__focus-pill,.bundeslaender-page__map-fuel-pill{color:var(--color-text-secondary,#555);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:.875rem;font-weight:600;transition:background .18s,color .18s}.bundeslaender-page__focus-pill--active,.bundeslaender-page__map-fuel-pill--active{background:var(--color-primary,#c70c6f);color:var(--color-on-primary,#fff)}.bundeslaender-page__map-wrap{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=900px){.bundeslaender-page__map-wrap{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:start}}.bundeslaender-page__map-controls{background:var(--color-surface-alt,#f6f6f7);border-radius:var(--radius-md,12px);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.bundeslaender-page__map-fuel-label{font-size:1.125rem;font-weight:700}.bundeslaender-page__legend{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.8125rem;display:flex}.bundeslaender-page__legend-bar{background:linear-gradient(90deg,#8dc769,#f59e0b,#dc2626);border-radius:999px;flex:1;height:10px}.bundeslaender-page__top-flop{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=720px){.bundeslaender-page__top-flop{grid-template-columns:1fr 1fr}}.bundeslaender-page__top-flop-block{background:var(--color-surface-alt,#f8f8f9);border-radius:var(--radius-md,12px);padding:1rem 1.25rem}.bundeslaender-page__top-flop-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.9375rem}.bundeslaender-page__top-flop-list{margin:0;padding:0;list-style:none}.bundeslaender-page__top-flop-list li a{border-bottom:1px solid var(--color-border-light,#ececec);color:inherit;justify-content:space-between;align-items:baseline;padding:8px 0;text-decoration:none;display:flex}.bundeslaender-page__top-flop-list li a:hover{color:var(--color-primary)}.bundeslaender-page__top-flop-list li a strong{font-variant-numeric:tabular-nums}.bundeslaender-page__sort{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.bundeslaender-page__sort-pill{border:1px solid var(--color-border,#ddd);cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-size:.8125rem;font-weight:500;transition:background .16s,border-color .16s}.bundeslaender-page__sort-pill--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary,#fff)}.bundesland-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.bundesland-card{background:var(--color-surface,#fff);border-radius:var(--radius-md,12px);border:1px solid var(--color-border-light,#eee);transition:transform .16s,box-shadow .16s,border-color .16s}.bundesland-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.bundesland-card__link{color:inherit;padding:1rem 1.125rem;text-decoration:none;display:block}.bundesland-card__name{margin:0 0 .625rem;font-size:1rem;font-weight:600}.bundesland-card__prices{grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin:0;display:grid}.bundesland-card__prices:has(>:only-child){grid-template-columns:1fr}.bundesland-card__price{text-align:center;background:var(--color-surface-alt,#f7f7f8);border-radius:6px;margin:0;padding:6px}.bundesland-card__price dt{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}.bundesland-card__price dd{font-variant-numeric:tabular-nums;margin:.125rem 0 0;font-weight:700}.bundesland-card__price--diesel dd{color:var(--color-diesel,#f59e0b)}.bundesland-card__price--e10 dd{color:var(--color-e10,#3b82f6)}.bundesland-card__price--e5 dd{color:var(--color-e5,#4d8a1a)}.bundesland-detail__hero{margin-bottom:1rem}.bundesland-detail__lead{color:var(--color-text-secondary);max-width:720px}.bundesland-detail__count{color:var(--color-text);font-weight:600}.bundesland-detail__hero-tiles{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=720px){.bundesland-detail__hero-tiles:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}.bundesland-detail__hero-tiles:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}}.bundesland-detail__tile{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#ececec);border-radius:var(--radius-md,12px);padding:1rem 1.25rem}.bundesland-detail__tile--diesel{border-top:4px solid var(--color-diesel,#f59e0b)}.bundesland-detail__tile--e10{border-top:4px solid var(--color-e10,#3b82f6)}.bundesland-detail__tile--e5{border-top:4px solid var(--color-e5,#4d8a1a)}.bundesland-detail__tile--empty{opacity:.7;background:var(--color-surface-alt,#f8f8f9)}.bundesland-detail__tile-empty{color:var(--color-text-secondary);margin:.75rem 0;font-size:.875rem;font-style:italic}.bundesland-detail__tile-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;font-size:.8125rem;display:flex}.bundesland-detail__tile-fuel{color:var(--color-text);font-weight:700}.bundesland-detail__tile-price{font-variant-numeric:tabular-nums;margin:.25rem 0;font-size:clamp(1.75rem,5vw,2.4rem);font-weight:700}.bundesland-detail__tile-delta{color:var(--color-text-secondary);margin:0;font-size:.875rem}.bundesland-detail__tile-delta--cheap{color:var(--color-success,#16a34a);font-weight:600}.bundesland-detail__tile-delta--expensive{color:var(--color-error,#dc2626);font-weight:600}.bundesland-detail__tile-delta--neutral{color:var(--color-text-secondary)}.bundesland-detail__tile-national{color:var(--color-text-secondary);font-size:.8125rem}.bundesland-detail__map-wrap{max-width:320px;margin:0 auto 1.5rem}.bundesland-detail__trend{margin-bottom:1.5rem}.bundesland-detail__lists{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=900px){.bundesland-detail__lists:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}.bundesland-detail__lists:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}}.bundesland-detail__list-col{background:var(--color-surface-alt,#f8f8f9);border-radius:var(--radius-md,12px);padding:1rem 1.25rem}.bundesland-detail__list-title{margin:0 0 .75rem;font-size:1.0625rem}.bundesland-detail__list-col--diesel .bundesland-detail__list-title{color:var(--color-diesel,#f59e0b)}.bundesland-detail__list-col--e10 .bundesland-detail__list-title{color:var(--color-e10,#3b82f6)}.bundesland-detail__list-col--e5 .bundesland-detail__list-title{color:var(--color-e5,#4d8a1a)}.bundesland-detail__list-block{margin-bottom:1rem}.bundesland-detail__list-block h3{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 .5rem;font-size:.8125rem}.bundesland-detail__list-block ol{margin:0;padding:0;list-style:none}.bundesland-detail__list-block li a{border-bottom:1px solid var(--color-border-light,#ececec);color:inherit;justify-content:space-between;align-items:baseline;gap:.5rem;padding:8px 0;text-decoration:none;display:flex}.bundesland-detail__list-block li a:hover{color:var(--color-primary)}.bundesland-detail__list-block li a strong{font-variant-numeric:tabular-nums;white-space:nowrap}.bundesland-detail__station-name{font-weight:600;display:block}.bundesland-detail__station-meta{color:var(--color-text-secondary);font-size:.8125rem;display:block}.bundesland-detail__list-empty{color:var(--color-text-secondary);margin:0;font-size:.875rem}.bundesland-detail__footer{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.top-movers{margin:1.5rem 0 2rem}.top-movers__title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:1.0625rem}.top-movers__loading,.top-movers__empty{color:var(--color-text-secondary);margin:0;font-size:.875rem;font-style:italic}.top-movers__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=720px){.top-movers__grid{grid-template-columns:1fr 1fr}}.top-movers__column{background:var(--color-surface-alt,#f6f7f9);border-radius:var(--radius-md,12px);border-top:3px solid var(--color-border-light,#ececec);padding:1rem 1.125rem}.top-movers__column--risers{border-top-color:var(--color-error,#dc2626)}.top-movers__column--fallers{border-top-color:var(--color-success,#16a34a)}.top-movers__column-title{align-items:center;gap:.375rem;margin:0 0 .625rem;font-size:.9375rem;font-weight:700;display:flex}.top-movers__column--risers .top-movers__column-title{color:var(--color-error,#dc2626)}.top-movers__column--fallers .top-movers__column-title{color:var(--color-success,#16a34a)}.top-movers__column-empty{color:var(--color-text-secondary);margin:0;font-size:.8125rem;font-style:italic}.top-movers__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.top-mover-card{background:var(--color-surface,#fff);border:1px solid var(--color-border-light,#ececec);border-radius:8px;transition:transform .16s,border-color .16s}.top-mover-card:hover{border-color:var(--color-primary,#c70c6f);transform:translate(2px)}.top-mover-card__link{color:inherit;flex-direction:column;gap:.25rem;padding:.625rem .75rem;text-decoration:none;display:flex}.top-mover-card__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.top-mover-card__state{font-size:.875rem;font-weight:600}.top-mover-card__fuel{text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-alt,#f4f4f5);color:var(--color-text-secondary);border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700}.top-mover-card__fuel--diesel{color:var(--color-diesel,#f59e0b);background:#f59e0b1f}.top-mover-card__fuel--e10{color:var(--color-e10,#3b82f6);background:#3b82f61f}.top-mover-card__fuel--e5{color:var(--color-e5,#4d8a1a);background:#4d8a1a24}.top-mover-card__body{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.top-mover-card__diff{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:.9375rem;font-weight:700;display:inline-flex}.top-mover-card--up .top-mover-card__diff{color:var(--color-error,#dc2626)}.top-mover-card--down .top-mover-card__diff{color:var(--color-success,#16a34a)}.top-mover-card--flat .top-mover-card__diff{color:var(--color-text-secondary)}.top-mover-card__current{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.top-mover-card,.top-mover-card:hover{transition:none;transform:none}}