:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:Canvas;--surface-raised:Field;--surface-subtle:color-mix(in srgb, CanvasText 5%, Canvas);--text:CanvasText;--text-muted:color-mix(in srgb, CanvasText 68%, Canvas);--line:color-mix(in srgb, CanvasText 16%, Canvas);--line-strong:color-mix(in srgb, CanvasText 28%, Canvas);--accent:LinkText;--accent-contrast:Canvas;--shadow:color-mix(in srgb, CanvasText 12%, transparent)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:Canvas;--surface-raised:Field;--surface-subtle:color-mix(in srgb, CanvasText 8%, Canvas);--text:CanvasText;--text-muted:color-mix(in srgb, CanvasText 72%, Canvas);--line:color-mix(in srgb, CanvasText 18%, Canvas);--line-strong:color-mix(in srgb, CanvasText 34%, Canvas);--accent:LinkText;--accent-contrast:Canvas;--shadow:color-mix(in srgb, CanvasText 24%, transparent)}*{box-sizing:border-box}body{background:var(--surface);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:104px 32px 32px}.page-grid{grid-template-columns:minmax(0,1440px);gap:24px;min-height:calc(100vh - 64px);margin:0 auto;display:grid}.page-grid-with-ads{grid-template-columns:minmax(120px,160px) minmax(0,1440px) minmax(120px,160px)}.content-shell{min-width:0}.site-header{z-index:1000;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;padding:18px 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand-link,.site-nav a,.footer-link{color:var(--text);font-weight:760;text-decoration:none}.site-nav{align-items:center;gap:18px;display:flex}.site-nav a,.footer-link{color:var(--text-muted);font-size:.92rem}.site-nav a:hover,.footer-link:hover{color:var(--text)}.topbar{align-items:flex-start;margin:0 auto 28px;display:flex}.eyebrow,h1,h2,p{margin:0}.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:700}h1{letter-spacing:0;font-size:3.6rem;font-weight:720;line-height:.96}h2{letter-spacing:0;font-size:1rem;font-weight:680}.layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:24px;max-width:1440px;margin:0 auto;display:grid}.panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 92%, var(--surface));border-radius:8px}.search-panel{flex-direction:column;min-height:720px;padding:22px;display:flex}.section-heading{gap:8px;margin-bottom:24px;display:grid}.section-heading p{color:var(--text-muted);line-height:1.45}.form-stack{gap:16px;display:grid}.field{gap:8px;min-width:0;display:grid}.field span{color:var(--text-muted);font-size:.85rem;font-weight:650}.field-grid{grid-template-columns:minmax(0,1fr) 108px;gap:12px;display:grid}.price-grid{grid-template-columns:1fr 1fr}.control{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;outline:none;padding:0 12px}.control:focus,.button:focus-visible,.icon-button:focus-visible,.station-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.control-compact{min-height:40px}.button-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:8px;place-items:center;padding:0 14px;font-weight:680;text-decoration:none;transition:border-color .16s,background-color .16s,transform .16s;display:inline-grid}.button-compact{min-width:92px;min-height:40px;padding:0 12px}.button:hover,.station-card:hover{border-color:var(--line-strong);background:var(--surface-subtle)}.button:active{transform:translateY(1px)}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.button:disabled{cursor:not-allowed;opacity:.55}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--text);border-radius:8px;place-items:center;display:grid}.icon-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.status{min-height:24px;color:var(--text-muted);align-items:center;gap:10px;margin:16px 0;font-size:.92rem;line-height:1.35;display:flex}.ad-slot{place-items:center;width:100%;min-height:600px;display:grid;overflow:hidden}.ad-rail{align-self:start;position:sticky;top:32px}.results-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-top:8px;display:flex}.results-heading span{color:var(--text-muted);font-size:.86rem}.results-list{gap:10px;padding-right:4px;display:grid;overflow:auto}.pagination{color:var(--text-muted);text-align:center;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:16px;font-size:.88rem;display:grid}.station-card{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:8px;gap:8px;padding:14px;display:grid}.station-card[aria-selected=true]{border-color:var(--accent)}.station-name{font-weight:720;line-height:1.25}.station-meta,.station-prices{color:var(--text-muted);font-size:.9rem;line-height:1.35}.station-prices{color:var(--text)}.map-area{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;min-height:720px;position:relative;overflow:hidden}.map{width:100%;height:100%;min-height:720px}.station-details{z-index:600;border:1px solid var(--line);background:var(--surface-raised);width:min(360px,100% - 36px);color:var(--text);box-shadow:0 18px 48px var(--shadow);border-radius:8px;gap:12px;padding:16px;display:grid;position:absolute;bottom:18px;right:18px}.detail-row{color:var(--text-muted);gap:4px;font-size:.88rem;display:grid}.detail-row strong{color:var(--text)}.leaflet-container{background:var(--surface-subtle);color:var(--text)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface-raised);color:var(--text)}.leaflet-control-attribution{background:color-mix(in srgb, var(--surface-raised) 86%, transparent);color:var(--text-muted)}.app-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;margin:24px 0 0;padding:14px 32px;font-size:.9rem;display:flex}.footer-controls{align-items:center;gap:10px;display:flex}.about-shell{display:block}.about-main{gap:28px;width:min(1120px,100%);margin:0 auto;display:grid}.about-hero{gap:14px;max-width:820px;display:grid}.about-hero p:last-child,.chart-section p{color:var(--text-muted);line-height:1.6}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.info-card,.chart-section{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 92%, var(--surface));border-radius:8px;gap:12px;padding:18px;display:grid}.info-card p{color:var(--text-muted);line-height:1.55}.chart-toolbar{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.segmented-button{min-width:64px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;padding:8px 12px;font-weight:760}.segmented-button[aria-pressed=true]{background:var(--accent);color:var(--accent-contrast)}.wti-chart,.chart-empty{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-height:320px}.wti-chart{color:var(--text-muted);display:block}.chart-empty{color:var(--text-muted);place-items:center;gap:12px;font-size:.95rem;display:grid}.loading-spinner{border:3px solid var(--line);border-block-start-color:var(--accent);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}.status-spinner{border-width:2px;width:18px;height:18px}.chart-grid{fill:none;stroke:var(--line);stroke-width:1px}.chart-axis{stroke:var(--line-strong);stroke-width:1.4px}.chart-markers rect{fill:color-mix(in srgb, var(--accent) 14%, transparent);stroke:none}.chart-markers line{stroke:var(--accent);stroke-dasharray:5 5;stroke-width:1.4px}.chart-markers text{fill:var(--text);font-size:.76rem;font-weight:760}.chart-labels{fill:var(--text-muted);font-size:.78rem}.chart-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.chart-points{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.chart-caption{color:var(--text-muted);font-size:.9rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1280px){.app-shell{padding:96px 20px 28px}.page-grid{grid-template-columns:1fr;min-height:auto}.ad-rail{display:none}.layout{grid-template-columns:1fr}.search-panel{min-height:auto}.results-list{max-height:360px}.map-area{min-height:560px}}@media (max-width:920px){.about-grid{grid-template-columns:1fr 1fr}.search-panel,.map-area,.map{min-height:auto}.map{height:62vh;min-height:420px}}@media (max-width:560px){.app-shell{padding:92px 14px 24px}.site-header{flex-direction:column;align-items:flex-start;padding:14px}.site-nav{justify-content:space-between;width:100%}.app-footer{flex-direction:column;align-items:stretch;padding:12px 14px}.footer-controls{justify-content:space-between}.field-grid,.button-row,.price-grid,.pagination,.about-grid{grid-template-columns:1fr}}