.bbm-hero{padding:52px 0 0}.bbm-hero h1{font-size:clamp(30px,5vw,50px);letter-spacing:-.045em;line-height:1.03;margin:10px 0 0;max-width:760px}.bbm-hero h1 span{background:linear-gradient(120deg,var(--accent) 0%,#ff9a5c 55%,#ffd08a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bbm-hero-sub{color:var(--muted);font-size:14px;line-height:1.6;margin-top:14px;max-width:580px}.bbm-hero-sub strong{color:var(--text-2);font-weight:600}.bbm-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.bbm-updated{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);margin-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bbm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.bbm-metric{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--border)}.bbm-metric-i{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-3);border:1px solid var(--border);color:var(--accent-3);font-size:15px}.bbm-metric-n{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.bbm-metric-l{font-family:var(--font-mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.055em;margin-top:5px}.bbm-main{padding-bottom:64px}.bbm-sec{margin-top:38px}.bbm-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:14px}.bbm-sec-head h2{font-size:17px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}.bbm-sec-head h2 i{color:var(--accent);font-size:14px}.bbm-sec-note{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2)}.bbm-alert{display:flex;gap:10px;align-items:center;margin-top:22px;padding:11px 14px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text);font-size:12.5px}.bbm-alert i{color:var(--accent)}.bbm-alert strong{color:var(--text)}.bbm-alert.ok{border-color:var(--success-border);background:var(--success-soft)}.bbm-alert.ok i{color:var(--success)}.bbm-alert.bad{border-color:#f871714d;background:#f8717114}.bbm-alert.bad i{color:var(--danger)}.bbm-alert.info{border-color:var(--border-strong);background:#ffffff08}.bbm-alert.info i{color:var(--signal)}.bbm-alert a{color:var(--accent-3);font-weight:600;text-decoration:underline;text-underline-offset:2px}.bbm-map-wrap{border:1px solid var(--border-strong);background:var(--card)}#bbmMap{height:440px;background:#0a0d10}.bbm-map-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:9px 12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}.bbm-map-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.bbm-refline{margin:8px 2px 0;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.bbm-refline a{color:var(--accent-3);text-decoration:underline;text-underline-offset:2px}.bbm-legend-attr{margin-left:auto;color:var(--muted-3)}.marker-cluster{background:#ff6a1a38!important}.marker-cluster div{background:#13171a!important;color:var(--text)!important;font-family:var(--font-mono)!important;font-weight:700;border:1px solid var(--border-strong)}.marker-cluster span{color:var(--text)!important}.mk-dot{width:16px;height:16px;border-radius:50%;border:2px solid #0a0d10;box-shadow:0 0 0 1px #ffffff38,0 1px 8px #0009}.mk-pin{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;border:2px solid #0a0d10;box-shadow:0 0 0 1px #ffffff38,0 2px 8px #000000a6;color:#0a0d10;font-size:12px}.mk-ok{background:#4ade80}.mk-low{background:#ff9a5c}.mk-out{background:#f87171}.mk-belum{background:#8b959d}.leaflet-container{font-family:inherit;background:#0a0d10}.leaflet-popup-content-wrapper{background:#0d1012;color:var(--text);border:1px solid var(--border-strong);border-radius:0;box-shadow:var(--shadow-lg)}.leaflet-popup-content{font-family:var(--font-body);font-size:12px;line-height:1.55;margin:12px 14px}.leaflet-popup-tip{background:#0d1012;border:1px solid var(--border-strong)}.leaflet-popup-content a{color:var(--accent-3);font-family:var(--font-mono);font-size:11px;text-decoration:none}.leaflet-container a.leaflet-popup-close-button{color:var(--muted)}.leaflet-bar a{background:#0d1012!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-bar a:hover{background:#181d21!important;color:var(--accent)!important}.leaflet-control-attribution{background:#070809cc!important;color:var(--muted-2)!important;font-family:var(--font-mono)!important;font-size:9.5px!important}.leaflet-control-attribution a{color:var(--muted)!important}.bbm-price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.fuel-card{position:relative;overflow:hidden;padding:14px;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--border);transition:border-color .18s,transform .18s}.fuel-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--border-strong)}.fuel-card.sub:after{background:var(--success)}.fuel-card.non:after{background:var(--accent)}.fuel-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.fuel-cat{display:inline-flex;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);padding:2px 6px}.fuel-card.sub .fuel-cat{color:var(--success);border-color:var(--success-border);background:var(--success-soft)}.fuel-name{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;margin-top:10px}.fuel-price{font-family:var(--font-mono);font-size:20px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.fuel-unit{font-family:var(--font-mono);font-size:10px;color:var(--muted-2)}.fuel-bar{height:4px;background:#ffffff0f;margin-top:10px;overflow:hidden}.fuel-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ffd08a)}.fuel-card.sub .fuel-bar i{background:linear-gradient(90deg,var(--success),#9df0c8)}.fuel-best{position:absolute;top:10px;right:10px;font-family:var(--font-mono);font-size:8.5px;font-weight:700;letter-spacing:.06em;background:var(--success);color:#04120b;padding:3px 6px}.bbm-toolbar{position:sticky;top:53px;z-index:20;padding:12px 0;margin-bottom:6px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.bbm-chips{display:flex;gap:6px;flex-wrap:wrap}.bbm-toolbar-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.chip-btn{font-family:var(--font-mono);font-size:11.5px;font-weight:500;padding:6px 11px;border:1px solid var(--border);background:var(--bg-2);color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap}.chip-btn:hover{border-color:var(--border-hover);color:var(--text)}.chip-btn.on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-3);font-weight:600}.chip-btn.on.good{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.chip-btn.on.warn{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-3)}.chip-btn.on.bad{background:#f871711f;border-color:#f8717159;color:#fca5a5}.chip-btn.on.unknown{background:#ffffff0f;border-color:var(--border-strong);color:var(--text-2)}.chip-n{font-family:var(--font-mono);font-size:9.5px;font-weight:600;opacity:.55;margin-left:4px}.bbm-search{display:flex;align-items:center;gap:8px;flex:1;min-width:210px;height:38px;padding:0 12px;background:var(--bg-2);border:1px solid var(--border-strong);transition:border-color .15s}.bbm-search:focus-within{border-color:var(--accent)}.bbm-search i{color:var(--muted-2);font-size:12px}.bbm-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:12.5px}.bbm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.spbu{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:14px 14px 14px 16px;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--border);transition:border-color .18s,transform .18s,box-shadow .18s}.spbu:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--muted-3)}.spbu[data-w=ok]:before{background:var(--success)}.spbu[data-w=low]:before{background:var(--accent)}.spbu[data-w=out]:before{background:var(--danger)}.spbu:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.spbu-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.spbu-name{font-family:var(--font-display);font-size:13.5px;font-weight:700;letter-spacing:-.01em;line-height:1.28}.spbu-ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:7px;vertical-align:-5px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-3);font-size:10px;flex-shrink:0}.spbu-region{font-family:var(--font-mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-3);border:1px solid var(--border);padding:3px 6px;white-space:nowrap}.spbu-code{font-family:var(--font-mono);font-size:10px;color:var(--muted-2);margin-top:-4px}.spbu-addr{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;color:var(--muted);line-height:1.45}.spbu-addr i{margin-top:3px;color:var(--muted-3);font-size:10px}.spbu-fuels{display:flex;flex-wrap:wrap;gap:5px}.fchip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;padding:3px 7px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2)}.fchip i{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.fchip.tersedia i{background:var(--success);box-shadow:0 0 6px var(--success)}.fchip.menipis{border-color:var(--accent-border)}.fchip.menipis i{background:var(--accent);box-shadow:0 0 6px var(--accent)}.fchip.kosong{border-color:#f8717166;color:#fca5a5}.fchip.kosong i{background:var(--danger);box-shadow:0 0 6px var(--danger)}.fchip.belum{color:var(--muted)}.fchip.belum i{background:var(--muted-2)}.spbu[data-w=belum]:before{background:var(--muted-3)}.spbu-rep{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;color:var(--success)}.spbu-note{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;color:var(--text-2);background:var(--bg-2);border:1px dashed var(--border-strong);padding:7px 9px;line-height:1.45}.spbu-note i{color:var(--muted-3);margin-top:3px;font-size:9px}.spbu-actions{display:flex;gap:6px;margin-top:auto;padding-top:2px}.mini-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:8px;border:1px solid var(--border-strong);background:#ffffff08;color:var(--text-2);cursor:pointer;text-decoration:none;transition:all .15s}.mini-btn:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.mini-btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a}.mini-btn.primary:hover{background:var(--accent-3);border-color:var(--accent-3)}.bbm-more{display:flex;justify-content:center;margin-top:16px}.bbm-more button{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:10px 20px;border:1px solid var(--border-strong);background:#ffffff08;color:var(--text-2);cursor:pointer;transition:all .15s}.bbm-more button:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.bbm-empty{display:flex;align-items:center;gap:10px;padding:20px;border:1px dashed var(--border-strong);color:var(--muted);font-size:12.5px}.bbm-empty i{color:var(--muted-2)}.bbm-skel{height:158px;border:1px solid var(--border);background:linear-gradient(90deg,var(--card) 25%,var(--card-2) 50%,var(--card) 75%);background-size:200% 100%;animation:bbmSh 1.2s infinite}@keyframes bbmSh{0%{background-position:200% 0}to{background-position:-200% 0}}.st{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--border);white-space:nowrap}.st.tersedia{color:var(--success);border-color:var(--success-border);background:var(--success-soft)}.st.menipis{color:var(--accent-3);border-color:var(--accent-border);background:var(--accent-soft)}.st.kosong{color:#fca5a5;border-color:#f8717159;background:#f871711a}.st.belum{color:var(--muted);border-color:var(--border);background:#ffffff08}.bbm-timeline{display:flex;flex-direction:column;gap:8px}.bbm-tl-item{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;background:var(--card);border:1px solid var(--border)}.bbm-tl-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.bbm-tl-body{min-width:0;flex:1}.bbm-tl-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.bbm-tl-top strong{font-size:13px;font-weight:600}.bbm-tl-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);margin-top:4px;line-height:1.5}.bbm-form{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--border-strong);padding:18px}.bbm-form-note{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin-bottom:14px}.bbm-form-note i{color:var(--accent);margin-top:3px}.bbm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.bbm-form input,.bbm-form select{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:12.5px;padding:10px 12px;outline:none;transition:border-color .15s}.bbm-form input:focus,.bbm-form select:focus{border-color:var(--accent)}.bbm-ac-wrap{position:relative}.bbm-ac{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);background:var(--card);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 12px 32px #0006;max-height:264px;overflow-y:auto}.bbm-ac[hidden]{display:none}.bbm-ac button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:9px 12px;color:var(--text);cursor:pointer;font-size:13px}.bbm-ac button:last-child{border-bottom:0}.bbm-ac button:hover{background:#ffffff0f}.bbm-ac small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.bbm-form-full{margin-top:10px}.bbm-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.bbm-form-msg{font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}.bbm-faq{display:flex;flex-direction:column;gap:8px}.bbm-disclaimer{margin-top:20px;padding-top:14px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10.5px;color:var(--muted-2);line-height:1.6}@media(max-width:720px){.bbm-hero{padding:36px 0 0}.bbm-metrics{grid-template-columns:repeat(2,1fr)}#bbmMap{height:320px}.bbm-toolbar{top:49px}}