.map-controls{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;pointer-events:none}.map-controls__group{pointer-events:auto}.zoom-control{width:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000002e,0 0 1px #0000001f;overflow:hidden}.zoom-control__btn{width:48px;height:44px;display:flex;align-items:center;justify-content:center;color:#4d4d4d;background:#fff;transition:background .15s}.zoom-control__btn:active{background:#f0f0f0}.zoom-control__divider{height:1px;background:#e5e5e5;margin:0 6px}.map-controls__round,.map-controls__geo{width:40px;height:40px;border-radius:50%;background:#fff;color:#4d4d4d;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e,0 0 1px #0000001f;transition:background .15s}.map-controls__round:active,.map-controls__geo:active{background:#f0f0f0}.map-controls__geo-spinner{animation:map-geo-spin .8s linear infinite}@keyframes map-geo-spin{to{transform:rotate(360deg)}}.map-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:350;display:flex;align-items:flex-end;animation:map-info-fade .2s}@keyframes map-info-fade{0%{opacity:0}to{opacity:1}}.map-info-sheet{width:100%;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:12px 20px calc(20px + var(--safe-bottom))}.map-info-sheet__handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 16px}.map-info-sheet__title{font-size:18px;font-weight:700;margin-bottom:10px}.map-info-sheet__text{font-size:14px;line-height:1.55;color:var(--text-muted);margin-bottom:16px}.map-info-sheet__close{width:100%;padding:14px;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:15px;font-weight:600}.map-wrap{width:100%;height:100%;position:relative;touch-action:none}.map-wrap__canvas{width:100%;height:100%;touch-action:none}.map-wrap__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0af2;padding:24px;text-align:center;z-index:10}.map-wrap__error-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.map-wrap__error-text{font-size:13px;color:var(--text-muted);white-space:pre-wrap;line-height:1.6;font-family:inherit;text-align:left;max-width:320px}.map-cluster{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#16a34a,#15803d);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 3px 12px #00000080;cursor:pointer;line-height:1;transform:translate(-50%,-50%)}.route-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:350;display:flex;align-items:flex-end;animation:fadeIn .2s}.route-picker{width:100%;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:12px 16px calc(16px + var(--safe-bottom));animation:slideUp .25s ease}.route-picker__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 12px}.route-picker__title{font-size:18px;font-weight:700;margin-bottom:4px}.route-picker__subtitle{font-size:14px;color:var(--text-muted);margin-bottom:16px}.route-picker__apps{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.route-picker__app{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border-radius:12px;font-size:16px;font-weight:500;text-align:left}.route-picker__app:active{background:var(--surface-2)}.route-picker__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.route-picker__icon-img{width:32px;height:32px;border-radius:7px;object-fit:contain}.route-picker__cancel{width:100%;padding:14px;border-radius:12px;background:var(--surface-2);font-size:15px;font-weight:600}.station-card{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:12px 20px calc(16px + var(--safe-bottom));z-index:200;animation:slideUp .25s ease;max-height:70vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.station-card__handle-area{display:block;width:100%;padding:4px 0 8px;margin:0;border:none;background:none;cursor:pointer}.station-card__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto;pointer-events:none}.station-card__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--surface-2);font-size:14px;display:flex;align-items:center;justify-content:center}.station-card__header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.station-card__status-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;flex-shrink:0}.station-card__name{font-size:18px;font-weight:700;line-height:1.2}.station-card__address{font-size:13px;color:var(--text-muted);margin-top:2px}.station-card__status-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.station-card__status-badge{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px}.station-card__distance{font-size:13px;color:var(--accent);font-weight:500}.station-card__time{font-size:12px;color:var(--text-muted);margin-left:auto}.station-card__prices-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.station-card__prices-head .station-card__section-title{margin-bottom:0}.station-card__price-source{font-size:11px;color:var(--text-muted);white-space:nowrap}.station-card__section-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-weight:600}.station-card__prices{margin-bottom:16px}.station-card__price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.station-card__price-item{background:var(--surface-2);border-radius:10px;padding:10px;text-align:center}.station-card__fuel-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:2px}.station-card__fuel-price{font-size:16px;font-weight:700}.station-card__queue{margin-bottom:16px}.station-card__queue-visual{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:12px;padding:12px 14px}.station-card__queue-people{display:flex;gap:2px}.station-card__person{font-size:16px;line-height:1}.station-card__queue-long{display:flex;align-items:center;gap:4px;color:var(--red);font-size:18px;font-weight:700}.station-card__queue-none{color:var(--text-muted);font-size:14px}.station-card__queue-label{font-size:14px;color:var(--text-muted);margin-left:auto}.station-card__quick{margin-bottom:16px}.station-card__quick-btns{display:flex;gap:8px}.station-card__quick-btn{flex:1;padding:10px 8px;border-radius:10px;font-size:14px;font-weight:600;border:2px solid transparent}.station-card__quick-btn--green{background:#22c55e22;color:var(--green);border-color:#22c55e44}.station-card__quick-btn--orange{background:#f9731622;color:var(--orange);border-color:#f9731644}.station-card__quick-btn--red{background:#ef444422;color:var(--red);border-color:#ef444444}.station-card__quick-btn:disabled{opacity:.5}.station-card__queue-bar{display:flex;gap:4px;height:8px;margin-bottom:6px}.station-card__queue-segment{flex:1;border-radius:4px;background:var(--border);transition:background .2s}.station-card__queue-label{font-size:13px;color:var(--text-muted)}.station-card__limit{background:#f9731622;color:var(--orange);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:12px}.station-card__reports{font-size:12px;color:var(--text-muted);margin-bottom:12px}.station-card__actions{display:flex;gap:8px}.station-card__btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:600;transition:opacity .15s}.station-card__btn:active{opacity:.7}.station-card__btn--primary{background:var(--accent);color:#fff}.station-card__btn--secondary{background:var(--surface-2);color:var(--text)}.station-list{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;z-index:100;transition:max-height .3s ease;max-height:56px;overflow:hidden;touch-action:pan-y;padding-bottom:var(--safe-bottom)}.station-list--expanded{max-height:50vh}.station-list__toggle{width:100%;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;touch-action:none;flex-shrink:0}.station-list__handle{width:36px;height:4px;background:var(--border);border-radius:2px}.station-list__title{font-size:14px;font-weight:600}.station-list__items{overflow-y:auto;max-height:calc(50vh - 56px);padding:0 12px 12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.station-list__items--hidden{visibility:hidden;max-height:0;overflow:hidden;padding:0}.station-list__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;border-radius:12px;text-align:left;transition:background .15s}.station-list__item:active,.station-list__item--active{background:var(--surface-2)}.station-list__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.station-list__info{flex:1;min-width:0}.station-list__name{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-list__status{font-size:12px;color:var(--text-muted)}.station-list__status-dist{color:var(--accent);font-weight:500}.station-list__meta{text-align:right;flex-shrink:0}.station-list__price{display:block;font-size:15px;font-weight:700;color:var(--green)}.station-list__dist{display:block;font-size:12px;color:var(--accent)}.station-list__time{display:block;font-size:11px;color:var(--text-muted)}.station-list__empty{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:300;display:flex;align-items:flex-end;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-form{position:relative;width:100%;max-height:min(92dvh,100%);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:12px 16px calc(12px + var(--safe-bottom));animation:slideUp .25s ease;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.report-form__scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}.report-form__footer{flex-shrink:0;padding-top:12px;border-top:1px solid var(--border);margin-top:4px}.report-form__handle-area{display:block;width:100%;flex-shrink:0;padding:4px 0 12px;margin:0;border:none;background:none;cursor:pointer}.report-form__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto;pointer-events:none}.report-form__close{position:absolute;top:12px;right:16px;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--surface-2);font-size:14px;display:flex;align-items:center;justify-content:center}.report-form__title{font-size:20px;font-weight:700;margin-bottom:4px}.report-form__subtitle{font-size:14px;color:var(--text-muted);margin-bottom:20px}.report-form__statuses{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.report-form__status{display:flex;align-items:center;gap:8px;padding:12px;border-radius:12px;border:2px solid var(--border);font-size:14px;font-weight:500;transition:all .15s}.report-form__status.active{background:var(--surface-2)}.report-form__status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.report-form__label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-weight:600}.report-form__fuels{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.report-form__fuel{padding:8px 16px;border-radius:20px;border:2px solid var(--border);font-size:14px;font-weight:500}.report-form__fuel.active{border-color:var(--accent);background:#3b82f622;color:var(--accent)}.report-form__prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;margin-bottom:16px}.report-form__price-field{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:11px;color:var(--text-muted)}.report-form__price-field input{width:100%;box-sizing:border-box;padding:7px 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:15px;font-weight:600;min-width:0}.report-form__queue{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px}.report-form__queue-btn{flex:1;padding:10px 4px;border-radius:10px;border:2px solid var(--border);font-size:14px;font-weight:600}.report-form__queue-btn.active{border-color:var(--orange);background:#f9731622;color:var(--orange)}.report-form__submit{width:100%;padding:16px;border-radius:14px;background:var(--accent);color:#fff;font-size:16px;font-weight:600}.report-form__submit:disabled{opacity:.5}.report-form__note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}.install-banner{position:fixed;bottom:calc(60px + var(--safe-bottom));left:12px;right:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;z-index:250;animation:slideUp .3s ease;box-shadow:0 8px 32px #0006}.install-banner__content{display:flex;gap:12px;align-items:center;margin-bottom:12px}.install-banner__icon{font-size:28px;width:48px;height:48px;background:var(--surface-2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner__title{font-size:15px;font-weight:700}.install-banner__text{font-size:13px;color:var(--text-muted);margin-top:2px}.install-banner__actions{display:flex;gap:8px}.install-banner__btn{flex:1;padding:10px;border-radius:10px;font-size:14px;font-weight:600;background:var(--surface-2)}.install-banner__btn--primary{background:var(--accent);color:#fff}.install-banner__ios-steps{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.install-banner__step{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;color:var(--text-muted)}.install-banner__step-num{width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner__step strong{color:var(--text)}.city-cache-banner{position:fixed;left:12px;right:12px;bottom:calc(130px + var(--safe-bottom));z-index:150;background:#161616f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 24px #0006}.city-cache-banner__text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.city-cache-banner__text strong{font-size:14px}.city-cache-banner__text span{color:var(--text-muted);font-size:12px}.city-cache-banner__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.city-cache-banner__btn{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;background:var(--surface-2)}.city-cache-banner__btn--primary{background:var(--accent);color:#fff}.city-cache-banner__btn:disabled{opacity:.6}.filter-bar{position:fixed;top:calc(52px + var(--safe-top));left:12px;right:12px;z-index:150;display:flex;flex-direction:column;gap:6px}.filter-bar__row{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-bar__chip{padding:6px 14px;border-radius:20px;background:#161616d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0;transition:all .15s}.filter-bar__chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-bar__chip--status.active{background:var(--green);border-color:var(--green)}.city-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:400;display:flex;align-items:flex-end;animation:fadeIn .2s}.city-picker{position:relative;width:100%;height:min(80vh,560px);min-height:min(80vh,560px);max-height:80vh;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:12px 16px calc(16px + var(--safe-bottom));animation:slideUp .25s ease;display:flex;flex-direction:column;box-sizing:border-box}.city-picker__handle-area{display:block;width:100%;flex-shrink:0;padding:4px 0 8px;margin:0;border:none;background:none;cursor:pointer}.city-picker__handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto;pointer-events:none}.city-picker__close{position:absolute;top:12px;right:12px;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--surface-2);font-size:14px;display:flex;align-items:center;justify-content:center}.city-picker__title{font-size:18px;font-weight:700;margin-bottom:12px;padding:0 4px;flex-shrink:0}.city-picker__search{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-size:16px;margin-bottom:12px;outline:none;flex-shrink:0}.city-picker__search:focus{border-color:var(--accent)}.city-picker__list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;align-content:flex-start}.city-picker__item{width:100%;text-align:left;padding:14px 12px;border-radius:10px;font-size:16px;font-weight:500;display:flex;flex-direction:column;gap:2px}.city-picker__sub{font-size:13px;font-weight:400;color:var(--text-muted)}.city-picker__item:active,.city-picker__item.active{background:var(--surface-2);color:var(--accent)}.city-picker__empty{text-align:center;padding:24px;color:var(--text-muted)}.geo-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:350;display:flex;align-items:flex-end;animation:fadeIn .2s}.geo-prompt{width:100%;background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;padding:20px 20px calc(20px + var(--safe-bottom))}.geo-prompt__title{font-size:18px;font-weight:700;margin-bottom:8px}.geo-prompt__message{font-size:14px;line-height:1.5;color:var(--text);margin-bottom:8px}.geo-prompt__hint{font-size:13px;line-height:1.5;color:var(--text-muted);margin-bottom:16px}.geo-prompt__actions{display:flex;gap:8px}.geo-prompt__retry{flex:1;padding:14px;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:600}.geo-prompt__close{padding:14px 18px;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:15px;font-weight:500}.seo-landing{min-height:100%;overflow-y:auto;padding:24px 20px 48px;max-width:720px;margin:0 auto}.seo-landing__hero{text-align:center;margin-bottom:32px}.seo-landing__icon{font-size:48px;margin-bottom:12px}.seo-landing__title{font-size:24px;font-weight:800;margin-bottom:12px;line-height:1.3}.seo-landing__lead{font-size:15px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.seo-landing__mobile-hint{background:var(--surface);border-radius:var(--radius);padding:16px;font-size:14px;color:var(--text-muted)}.seo-landing__mobile-hint strong{color:var(--accent)}.seo-landing__section{margin-bottom:28px}.seo-landing__section h2{font-size:18px;font-weight:700;margin-bottom:10px}.seo-landing__section p,.seo-landing__section li{font-size:14px;color:var(--text-muted);line-height:1.6}.seo-landing__section ul{padding-left:20px}.seo-landing__section li{margin-bottom:6px}.seo-landing__cities{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;list-style:none;padding:0}.seo-landing__cities a{color:var(--accent);font-size:14px;text-decoration:none}.seo-landing__cities a:hover{text-decoration:underline}.seo-landing__faq dt{font-weight:600;font-size:14px;margin-top:14px;color:var(--text)}.seo-landing__faq dd{font-size:14px;color:var(--text-muted);margin:4px 0 0;line-height:1.5}.mobile-gate{height:100%;overflow-y:auto}.logo-mark{width:18px;height:21px;flex-shrink:0;display:block}.app{height:100%;display:flex;flex-direction:column;position:relative}.app__header{position:fixed;top:0;left:0;right:0;z-index:160;padding:calc(8px + var(--safe-top)) 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.app__city-wrap{pointer-events:auto;display:flex;align-items:center;gap:8px;max-width:55%}.app__city{background:#0a0a0ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 12px;border-radius:10px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.app__city-arrow{font-size:10px;color:var(--text-muted);flex-shrink:0}.app__logo{font-size:18px;font-weight:800;letter-spacing:-.5px;background:#0a0a0acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 12px;border-radius:10px;pointer-events:auto;margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:6px}.app__logo-mark{display:inline-flex;align-items:center;line-height:0}.app__logo span{color:var(--green)}.app__loading{width:18px;height:18px;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app__map{flex:1;position:relative}.app__toast{position:fixed;top:calc(60px + var(--safe-top));left:50%;transform:translate(-50%);background:var(--green);color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;z-index:400;animation:fadeIn .3s;white-space:nowrap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--surface: #161616;--surface-2: #1f1f1f;--border: #2a2a2a;--text: #f5f5f5;--text-muted: #888;--green: #22c55e;--yellow: #eab308;--orange: #f97316;--red: #ef4444;--accent: #3b82f6;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}.seo-static{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}