:root{--bg:#121212;--bg-elevated:#1c1c1c;--bg-surface:#2c2c2c;--bg-surface-hover:#353535;--panel:#1c1c1c;--panel-border:#ffffff0f;--text:#fff;--text-muted:#bdbdbd;--text-dim:#8e8e8e;--accent:#ffd500;--accent-text:#1a1a1a;--ok:#4caf50;--ok-bg:#1b5e208c;--maybe:#ffd500;--no:#ef5350;--unknown:#8e8e8e;--shadow:0 16px 40px #00000073;--radius:16px;--radius-sm:12px;--font-ui:"Outfit", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:var(--accent)}.app{grid-template-columns:minmax(280px,340px) 1fr;height:100%;min-height:100dvh;display:grid}.app__map{background:var(--bg);min-width:0;min-height:0;position:relative}.map-root{width:100%;height:100%;position:relative}.map-root--dark [class$=-ground-pane]{filter:invert()hue-rotate(180deg)brightness(.92)contrast(.92)saturate(.85)}.map-root--dark [class$=-controls-pane],.map-root--dark [class$=-copyrights-pane]{filter:invert()hue-rotate(180deg)}.map-canvas{width:100%;height:100%}.map-fallback{width:100%;height:100%;color:var(--text-muted);place-items:center;display:grid}.map-fallback--overlay{z-index:2;pointer-events:none;background:#1212128c;position:absolute;inset:0}.map-fallback--error{background:var(--bg-elevated);color:#ffcdd2;text-align:center;padding:1.5rem;display:grid}.list-view{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.list-view .station-list{flex:1;min-height:0}.station-list{align-content:start;gap:.65rem;margin:0;padding:.85rem;list-style:none;display:grid;overflow:auto}.station-list--empty{color:var(--text-muted);place-items:center}.station-list__item{text-align:left;background:var(--bg-elevated);width:100%;color:var(--text);border-radius:var(--radius);cursor:pointer;border:none;grid-template-columns:14px 1fr;gap:.75rem;padding:.9rem 1rem;transition:background .15s;display:grid}.station-list__item:hover,.station-list__item--active{background:var(--bg-surface);box-shadow:inset 0 0 0 1px #4caf5073}.station-list__dot{background:var(--unknown);border-radius:50%;width:12px;height:12px;margin-top:.35rem}.station-list__dot--available{background:var(--ok)}.station-list__dot--maybe{background:var(--maybe)}.station-list__dot--no{background:var(--no)}.station-list__body{gap:.25rem;min-width:0;display:grid}.station-list__title{justify-content:space-between;gap:.75rem;font-size:1.05rem;font-weight:700;display:flex}.station-list__title em{color:var(--ok);font-size:.9rem;font-style:normal;font-weight:600}.station-list__addr,.station-list__fuels,.station-list__updated{color:var(--text-muted);font-size:.84rem}.panel{background:var(--panel);border-right:1px solid var(--panel-border);z-index:2;flex-direction:column;gap:1.25rem;padding:1.35rem 1.25rem 1.5rem;display:flex;overflow:auto}.panel__brand-mark{letter-spacing:-.03em;color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.1}.panel__tagline{color:var(--text-muted);margin:.35rem 0 0;font-size:.92rem}.panel__section{flex-direction:column;gap:.65rem;display:flex}.panel__section--footer{margin-top:auto;padding-top:.5rem}.panel__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0;font-size:.72rem;font-weight:600}.panel__actions{grid-template-columns:1fr auto;gap:.5rem;display:grid}.panel__status{color:var(--text-muted);margin:0;font-size:.85rem}.fuel-toggles,.sort-toggles,.view-toggles{flex-wrap:wrap;gap:.45rem;display:flex}.chip{background:var(--bg-surface);color:var(--text);cursor:pointer;border:none;border-radius:999px;padding:.45rem .85rem;transition:background .15s,color .15s}.chip:hover{background:var(--bg-surface-hover)}.chip--active{color:var(--ok);background:#4caf5033;box-shadow:inset 0 0 0 1px #4caf50b3}.coords{gap:.55rem;display:grid}.coords__field{color:var(--text-muted);gap:.25rem;font-size:.78rem;display:grid}.coords__field input{border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text);border:none;outline:none;padding:.65rem .8rem}.coords__field input:focus{box-shadow:inset 0 0 0 1px #4caf50a6}.coords__field input::placeholder{color:var(--text-dim)}.btn{background:var(--bg-surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.7rem .9rem;transition:background .15s,opacity .15s,filter .15s}.btn:hover:not(:disabled){background:var(--bg-surface-hover)}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--bg-surface)}.btn--accent{background:var(--accent);width:100%;color:var(--accent-text);border-radius:999px;padding:.85rem 1rem;font-weight:700}.btn--accent:hover:not(:disabled){filter:brightness(1.05);background:var(--accent)}.btn--ghost{width:100%;color:var(--text-muted);background:0 0;border:1px solid #ffffff14}.btn--ghost:hover:not(:disabled){background:var(--bg-surface);color:var(--text)}.login{background:var(--bg);place-items:center;min-height:100dvh;padding:1.25rem;display:grid}.login__card{background:var(--bg-elevated);width:min(380px,100%);box-shadow:var(--shadow);border-radius:20px;gap:.85rem;padding:1.5rem 1.25rem 1.35rem;display:grid}.login__brand{letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.login__hint{color:var(--text-muted);margin:-.35rem 0 .35rem;font-size:.92rem}.login__field{color:var(--text-muted);gap:.3rem;font-size:.78rem;display:grid}.login__field input{border-radius:var(--radius-sm);background:var(--bg-surface);width:100%;color:var(--text);border:none;outline:none;padding:.7rem .85rem}.login__field input:focus{box-shadow:inset 0 0 0 1px #4caf50a6}.login__error{color:#ffcdd2;background:#ef535026;border-radius:10px;padding:.65rem .75rem;font-size:.86rem}.btn--icon{border-radius:999px;place-items:center;width:2.7rem;min-width:2.7rem;padding:0;display:inline-grid}.btn__icon{display:block}.btn__spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:1rem;height:1rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.banner{z-index:5;border-radius:var(--radius-sm);background:var(--bg-elevated);color:#ffcdd2;max-width:min(520px,100% - 2rem);box-shadow:var(--shadow);text-align:center;border:1px solid #ef535059;padding:.8rem 1rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.banner--muted{color:var(--text-muted);border-color:#ffffff14}.popup-overlay{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 1rem 1rem}.popup-overlay .popup{pointer-events:auto}.popup-anchor{pointer-events:auto;transform:translate(-50%,calc(-100% - 14px))}.popup{background:var(--bg-elevated);width:min(320px,82vw);color:var(--text);box-shadow:var(--shadow);border-radius:20px;padding:1.1rem 1.05rem 1.15rem;position:relative}.popup__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.4rem;line-height:1;position:absolute;top:.45rem;right:.55rem}.popup__brand{letter-spacing:-.02em;margin:0 1.5rem .3rem 0;font-size:1.35rem;font-weight:700}.popup__meta{color:var(--text-muted);margin:0 0 .85rem;font-size:.86rem;line-height:1.35}.popup__updated{color:var(--text-muted);background:#ffffff0a;border-radius:10px;margin:.65rem 0 0;padding:.55rem .7rem;font-size:.78rem;line-height:1.35}.popup__updated a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.popup__fuels{background:var(--bg-surface);border-radius:var(--radius-sm);gap:0;margin:0;padding:.35rem .55rem;list-style:none;display:grid;overflow:hidden}.popup__fuel{color:var(--text);border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:.75rem;padding:.7rem .35rem;font-size:.92rem;display:flex}.popup__fuel:last-child{border-bottom:none}.popup__fuel--available span:last-child{color:var(--ok);font-weight:600}.popup__fuel--maybe span:last-child{color:var(--maybe);font-weight:600}.popup__fuel--no span:last-child{color:var(--no);font-weight:600}.popup__fuel--unknown span:last-child{color:var(--unknown);font-weight:600}.popup__sources-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:.85rem;font-size:.72rem}.popup__sources ul{background:var(--bg-surface);border-radius:var(--radius-sm);gap:0;margin:.4rem 0 0;padding:.25rem .55rem;list-style:none;display:grid}.popup__sources li{color:var(--text-muted);border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:.75rem;padding:.55rem .2rem;font-size:.82rem;display:flex}.popup__sources li:last-child{border-bottom:none}.popup__sources a{color:var(--text);text-decoration:none}.popup__sources a:hover{color:var(--accent)}@media (width<=860px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.panel{border-right:none;border-bottom:1px solid var(--panel-border);max-height:42dvh}.app__map{min-height:58dvh}}