:root{--bg-deep: #0b1210;--bg-panel: rgba(12, 22, 18, .94);--bg-elev: rgba(18, 32, 26, .96);--ink: #e7f0ea;--muted: #8fa89a;--accent: #b8e84a;--accent-2: #2bc48a;--danger: #ff6b4a;--warn: #f0b429;--ok: #3ddc97;--line: rgba(231, 240, 234, .12);--shadow: 0 10px 28px rgba(0, 0, 0, .4);--font: "Sora", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--tap: 44px;--pad: 10px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{margin:0;height:100%;font-family:var(--font);color:var(--ink);background:var(--bg-deep)}body{background:radial-gradient(900px 420px at 8% -8%,rgba(43,196,138,.14),transparent 55%),radial-gradient(700px 360px at 100% 0%,rgba(184,232,74,.08),transparent 50%),#0b1210;overscroll-behavior:none}button,input{font:inherit;color:inherit}.app{position:relative;height:100%;overflow:hidden}.map-shell,.map-root{position:absolute;top:0;right:0;bottom:0;left:0}.map-controls{position:absolute;z-index:4;right:10px;bottom:calc(18px + var(--safe-b));display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.quick-filters{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;margin-bottom:4px}.quick-filter-row{display:flex;flex-direction:column-reverse;gap:4px}.quick-filter-btn{width:var(--tap);height:var(--tap);padding:2px;border:2px solid transparent;border-radius:14px;background:var(--bg-elev);color:var(--ink);display:grid;place-items:center;align-items:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-size:.72rem;font-weight:700;line-height:1.05;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.quick-filter-btn:not(.active){border-color:#e7f0ea24}.quick-filter-btn.active{border-color:var(--accent);background:#0a120ff7;color:#f0f7f2;box-shadow:inset 0 0 0 1px #b8e84a38,0 0 0 2px #b8e84a6b,0 4px 14px #00000057}.quick-filter-btn-small{overflow:visible}.filter-icon{width:25px;height:25px;display:block}.tank-icon{width:26px;height:26px;object-fit:contain}.queue-icon{width:auto;max-width:38px;height:26px;object-fit:contain;display:block}.map-btn{width:var(--tap);height:var(--tap);border:1px solid var(--line);border-radius:14px;background:var(--bg-elev);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-btn:active{transform:scale(.96)}.map-btn-geo{margin-top:4px;color:var(--accent)}.ymaps-2-1-copyright{opacity:.55!important;font-size:10px!important}.map-price-marker{position:relative;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 2px 10px #00000061;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.5);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;padding:0}.map-price-viewport{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:grid;place-items:center;overflow:hidden;margin:0;padding:0}.map-price-content{display:grid;justify-items:center;align-content:center;gap:0;margin:0;padding:0;line-height:1;text-align:center;will-change:transform,opacity}.map-price-content.anim-out{animation:markerSlideOut .28s ease forwards}.map-price-content.anim-in{animation:markerSlideIn .28s ease forwards}@keyframes markerSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-115%);opacity:0}}@keyframes markerSlideIn{0%{transform:translate(115%);opacity:0}to{transform:translate(0);opacity:1}}.map-price-marker-fuel{display:block;font-size:calc(var(--marker-size, 32px) * .3);font-weight:800;line-height:1;font-family:var(--font);margin:0;padding:0}.map-price-marker-price{display:block;font-size:calc(var(--marker-size, 32px) * .22);font-weight:700;font-family:var(--mono);line-height:1;margin:0;padding:0}.map-price-marker-price.missing{font-size:calc(var(--marker-size, 32px) * .2);font-weight:800;letter-spacing:.02em;opacity:.92}.map-cluster-marker{display:grid;place-items:center;margin:0;padding:0;line-height:0}.map-cluster-pie{display:block;width:100%;height:100%;margin:0;padding:0;overflow:visible}.chrome{position:absolute;z-index:5;top:0;left:0;right:0;padding:calc(8px + var(--safe-t)) 10px 0;pointer-events:none}.brand-row,.fuel-rail,.filter-panel,.filter-toggle{pointer-events:auto}.brand-row{display:flex;align-items:center;justify-content:center;gap:8px}.brand{display:flex;flex-direction:column;gap:0;padding:8px 12px;border-radius:14px;background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;text-align:center}.brand strong{font-size:.95rem;letter-spacing:-.03em;font-weight:800;line-height:1.15}.brand span{color:var(--muted);font-size:.68rem;line-height:1.2}.filter-toggle{height:var(--tap);min-width:var(--tap);padding:0 12px;border-radius:14px;border:1px solid var(--line);background:var(--bg-panel);display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.filter-toggle.active{border-color:#b8e84a73;color:var(--accent)}.filter-badge{font-family:var(--mono);font-size:.68rem;padding:2px 7px;border-radius:999px;background:#ffffff0f}.fuel-rail{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.fuel-rail::-webkit-scrollbar{display:none}.seg-wrap{display:flex;flex-wrap:wrap;gap:6px}.seg-wrap.dense .seg{flex:1 1 auto;min-width:calc(33% - 6px);justify-content:center}.seg{border:1px solid var(--line);background:var(--bg-panel);color:var(--ink);border-radius:12px;min-height:40px;padding:0 12px;font-size:.78rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.seg.active{background:#b8e84a29;border-color:#b8e84a80;color:var(--accent)}.filter-panel{margin-top:8px;padding:10px;border-radius:16px;background:var(--bg-panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;gap:10px;animation:rise .2s ease both}.filter-group{display:grid;gap:6px}.filter-label{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.filter-hint{margin:0;color:var(--muted);font-size:.7rem;font-family:var(--mono)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border:0;background:#00000059;cursor:pointer;animation:fade .2s ease both}.sheet{position:absolute;z-index:7;left:0;right:0;bottom:0;max-height:min(72vh,640px);display:flex;flex-direction:column;border-radius:18px 18px 0 0;background:var(--bg-elev);border:1px solid var(--line);border-bottom:0;box-shadow:0 -12px 40px #00000073;padding:6px 12px calc(12px + var(--safe-b));animation:slide-up .28s ease both;overflow:hidden}.sheet-grab{width:36px;height:4px;border-radius:999px;background:#ffffff2e;margin:4px auto 8px;flex:0 0 auto}.sheet-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex:0 0 auto}.sheet-head-text{min-width:0}.sheet-head h2{margin:0;font-size:1.05rem;letter-spacing:-.02em;line-height:1.2}.sheet-head p{margin:4px 0 0;color:var(--muted);font-size:.72rem;line-height:1.35}.sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 2px;flex:0 0 auto}.route-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(184,232,74,.35);background:#b8e84a1a;color:var(--accent);font-size:.76rem;font-weight:600;text-decoration:none}.updated-ago{color:var(--muted);font-family:var(--mono);font-size:.66rem;white-space:nowrap}.fuel-empty{margin:0;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px dashed var(--line)}.sheet-loading{pointer-events:none}.sheet-skeleton{display:grid;gap:10px;padding:8px 0 12px}.sk-line,.sk-block,.sk-cell{border-radius:12px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.2s ease infinite}.sk-title{height:20px;width:68%}.sk-sub{height:14px;width:92%}.sk-block{height:56px}.sk-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sk-cell{height:40px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.close-btn{flex:0 0 auto;width:var(--tap);height:var(--tap);border:1px solid var(--line);background:#ffffff0d;color:var(--ink);border-radius:14px;cursor:pointer;display:grid;place-items:center;position:relative;z-index:2}.sheet-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0 8px;flex:0 0 auto}.sheet-tab{min-height:40px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;font-size:.78rem;font-weight:600;cursor:pointer}.sheet-tab.active{background:#b8e84a24;border-color:#b8e84a66;color:var(--accent)}.sheet-body{overflow:auto;overscroll-behavior:contain;flex:1 1 auto;padding-bottom:4px;display:grid;gap:10px;align-content:start}.gdebenz-detail{margin:0 0 8px;font-size:.82rem;line-height:1.35}.stale-banner{margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,107,74,.35);background:#ff6b4a1a;color:#ffb09c;font-size:.72rem;line-height:1.35}.status-strip{display:grid;grid-template-columns:1fr auto;gap:8px}.status-main{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--line)}.status-main.available,.status-main.likely{background:#3ddc971a;border-color:#3ddc9747}.status-main.queue,.status-main.low,.status-main.limit{background:#f0b4291a;border-color:#f0b42947}.status-main.empty{background:#ff6b4a1a;border-color:#ff6b4a47}.status-main strong{display:block;font-size:.9rem;line-height:1.15}.status-main small{color:var(--muted);font-size:.68rem;font-family:var(--mono)}.status-side{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 12px;border-radius:14px;background:#f0b4291a;border:1px solid rgba(240,180,41,.25);font-size:.68rem;color:var(--muted);min-width:88px}.status-side b{color:var(--warn);font-size:.8rem}.fuel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.fuel-cell{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 8px;padding:9px 11px;border-radius:12px;background:#ffffff08;border:1px solid var(--line);font-size:.74rem}.fuel-limit{grid-column:1 / -1;font-size:.65rem;color:var(--muted)}.fuel-cell.available,.fuel-cell.likely{border-color:#3ddc9747}.fuel-cell.queue,.fuel-cell.low,.fuel-cell.limit{border-color:#f0b4294d}.fuel-cell.empty{border-color:#ff6b4a4d}.fuel-cell b{font-family:var(--mono);font-size:.72rem;font-weight:500}.block h3,.form h3{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.sources{display:grid;gap:4px;margin-top:6px}.sources-block{display:grid;gap:0}.sources-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;text-align:left}.sources-toggle-meta{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);font-size:.68rem;font-weight:600}.sources-toggle-count{min-width:1.2em;text-align:right}.sources-chevron{display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease;margin-top:-2px}.sources-toggle.open .sources-chevron{transform:rotate(-135deg);margin-top:2px}.sources-toggle.open{border-color:#b8e84a59;background:#b8e84a14}.source-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:11px;background:#ffffff08;border:1px solid var(--line);font-size:.78rem}.source-row .muted,.hist-meta,.muted-line{color:var(--muted);font-family:var(--mono);font-size:.68rem}.meta-chips,.summary-row{display:flex;flex-wrap:wrap;gap:6px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid var(--line);font-size:.7rem}.forecast-msg{margin:0 0 8px;font-size:.82rem;line-height:1.35}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:140px;overflow:auto}.history-list.tall{max-height:220px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-cell{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.stat-cell b{font-family:var(--mono);font-size:.95rem;font-weight:600;line-height:1.1}.stat-cell span{color:var(--muted);font-size:.66rem;line-height:1.25}.price-block-hint{margin:-2px 0 8px;color:var(--muted);font-size:.66rem;font-family:var(--mono)}.price-dynamics{display:grid;gap:8px}.price-row{padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.price-row-main{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center}.price-fuel{font-size:.78rem;font-weight:700;white-space:nowrap}.price-row-chart{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.sparkline{display:block;color:var(--accent-2)}.spark-min{fill:var(--ok)}.spark-max{fill:var(--warn)}.price-range{color:var(--muted);font-family:var(--mono);font-size:.62rem;white-space:nowrap}.price-row-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:72px}.price-current{font-family:var(--mono);font-size:.82rem;font-weight:600;line-height:1.1;white-space:nowrap}.price-change{font-family:var(--mono);font-size:.68rem;color:var(--muted);white-space:nowrap}.price-change.up{color:var(--danger)}.price-change.down{color:var(--ok)}.history-hint{margin:0 0 8px;color:var(--muted);font-size:.68rem;line-height:1.35}.history-list li{display:grid;grid-template-columns:8px minmax(72px,auto) 1fr;gap:8px;align-items:start;padding:8px;border-radius:10px;background:#ffffff06;font-size:.74rem}.hist-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}.hist-source{font-weight:600;color:var(--ink);font-family:var(--font);font-size:.72rem}.hist-source-hint{color:var(--muted);font-family:var(--font);font-size:.62rem;line-height:1.2}.hist-time{color:var(--muted);font-family:var(--mono);font-size:.64rem}.hist-status{font-weight:600;line-height:1.25}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.dot.available,.dot.likely{background:var(--ok)}.dot.queue{background:var(--warn)}.dot.low,.dot.limit{background:#f59e0b}.dot.empty{background:var(--danger)}.form{gap:10px}.field{display:grid;gap:5px}.field>span{color:var(--muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.field input{background:#00000047;border:1px solid var(--line);border-radius:12px;color:var(--ink);min-height:var(--tap);padding:0 12px;font-size:.9rem}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.submit{border:0;border-radius:14px;min-height:48px;padding:0 14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#102014;font-weight:700;font-size:.9rem;cursor:pointer}.submit:disabled{opacity:.6}.form-error{margin:0;color:var(--danger);font-size:.78rem}.toast{position:absolute;z-index:9;top:calc(12px + var(--safe-t));left:50%;transform:translate(-50%);background:var(--bg-elev);border:1px solid var(--line);padding:10px 14px;border-radius:999px;box-shadow:var(--shadow);font-size:.78rem;font-weight:600;white-space:nowrap;animation:rise .25s ease both}.list-fallback{padding:96px 12px 20px;overflow:auto}.list-fallback-title{margin:0 0 10px;font-size:.85rem;color:var(--muted)}.geo-ask{display:block;width:100%;margin:0 0 12px;min-height:var(--tap);border-radius:12px;border:1px solid var(--line);background:var(--bg-elev);color:var(--text);font:inherit;font-weight:600;font-size:.82rem;cursor:pointer}.station-list{display:grid;gap:6px}.station-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;min-height:var(--tap);padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel);text-align:left;cursor:pointer}.station-row-name{font-size:.82rem;font-weight:600}.station-row-meta{font-family:var(--mono);font-size:.68rem;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.chrome{padding:14px 16px 0}.brand strong{font-size:1.15rem}.brand span{font-size:.75rem}.sheet{left:16px;right:auto;bottom:16px;width:min(420px,calc(100vw - 32px));max-height:min(78vh,720px);border-radius:18px;border-bottom:1px solid var(--line);padding-bottom:14px}.sheet-backdrop{background:transparent}.map-controls{right:16px;bottom:24px}.sheet-grab{display:none}}
