/* neutral Install button */
html body[data-mode="night"] .install-banner .install-banner-cta{background:transparent!important;color:#E5E9EF!important;border:1px solid #C0C7D1!important;box-shadow:0 0 12px rgba(192,199,209,.3)!important}
html body[data-mode="day"] .install-banner .install-banner-cta{background:#374151!important;color:#fff!important;border:1px solid #374151!important;box-shadow:0 0 10px rgba(107,114,128,.3)!important}
/* hide the extra "+" shadow glyph overlap: only the fab */
html body[data-mode] .tabbar .tab.post-tab .post-fab{
background:radial-gradient(ellipse at 40% 30%,#ff6b6b 0%,#e8202a 40%,#b3121b 85%)!important;
border:2px solid #7a0a10!important;border-radius:50%!important;position:relative;overflow:visible;
box-shadow:inset 0 2px 3px rgba(255,255,255,.35),inset 0 -3px 5px rgba(80,0,6,.45),0 6px 0 #7a0a10,0 7px 0 #4a0508,0 12px 14px rgba(0,0,0,.45),0 0 16px rgba(239,68,68,.45)!important;
transform:translateY(-6px);transition:transform .09s ease,box-shadow .09s ease!important;
}
html body[data-mode] .tabbar .tab.post-tab .post-fab::before{content:"";position:absolute;left:24%;top:12%;width:44%;height:22%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);pointer-events:none}
html body[data-mode] .tabbar .tab.post-tab .post-fab svg{color:#fff!important;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.55));position:relative;z-index:1}
html body[data-mode] .tabbar .tab.post-tab:active .post-fab{transform:translateY(0)!important;box-shadow:inset 0 2px 3px rgba(255,255,255,.25),inset 0 -2px 4px rgba(80,0,6,.5),0 1px 0 #7a0a10,0 2px 0 #4a0508,0 3px 5px rgba(0,0,0,.45),0 0 12px rgba(239,68,68,.4)!important}
/* user override: black Install with red outline/glow, both modes */
html body[data-mode]:not(#_r):not(#_s) .install-banner .btn.install-banner-cta,html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-cta{background:#0B0B0B!important;color:#EF4444!important;border:1.5px solid #EF4444!important;box-shadow:0 0 12px rgba(239,68,68,.45),inset 0 0 6px rgba(239,68,68,.18)!important;text-shadow:0 0 6px rgba(239,68,68,.45)!important}
/* fix: center + inside button */
html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r){display:grid!important;place-items:center!important}
html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r) svg{position:relative;z-index:2;margin:0!important}
/* user override v2: no solid red on install popup */
html body[data-mode]:not(#_r):not(#_s) .install-banner{background:#141416!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;color:#e5e7eb!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner::before,html body[data-mode]:not(#_r):not(#_s) .install-banner::after{background:none!important;display:none!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-copy strong{color:#f3f4f6!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-copy p{color:#9ca3af!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-icon{background:#1f2023!important;color:#d1d5db!important;box-shadow:none!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-x,html body[data-mode]:not(#_r):not(#_s) .install-x{background:transparent!important;border-color:rgba(255,255,255,.18)!important;color:#9ca3af!important}
html body[data-mode]:not(#_r):not(#_s) .install-banner .btn.install-banner-cta,html body[data-mode]:not(#_r):not(#_s) .install-banner .install-banner-cta{background:#0B0B0B!important;color:#EF4444!important;border:1px solid #EF4444!important;box-shadow:0 0 10px rgba(239,68,68,.25)!important;text-shadow:none!important}
/* REAL push button v2 (svg layers) */
html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r):not(#_s){width:66px!important;height:62px!important;margin-top:-26px!important;border:0!important;border-radius:0!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2060%22%3E%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bz%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238a8f98%22/%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%233a3d43%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23050506%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id%3D%22wl%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234a050a%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238e0e16%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233a0408%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id%3D%22fc%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ff4a52%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c8101b%22/%3E%3C/linearGradient%3E%3C/defs%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2236%22%20rx%3D%2229.5%22%20ry%3D%2221.5%22%20fill%3D%22url%28%23bz%29%22%20stroke%3D%22%2339FF14%22%20stroke-width%3D%221.8%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2236.5%22%20rx%3D%2224%22%20ry%3D%2216.5%22%20fill%3D%22%23030303%22%20stroke%3D%22%231c1d20%22%20stroke-width%3D%221%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2234.5%22%20rx%3D%2221%22%20ry%3D%2213%22%20fill%3D%22%23000%22%20opacity%3D%220.6%22/%3E%0A%3Cpath%20d%3D%22M12%2026%20V33%20A20%2012%200%200%200%2052%2033%20V26%20Z%22%20fill%3D%22url%28%23wl%29%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2226%22%20rx%3D%2220%22%20ry%3D%2212%22%20fill%3D%22url%28%23fc%29%22%20stroke%3D%22%235c0309%22%20stroke-width%3D%22.8%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2227%22%20rx%3D%2215%22%20ry%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.2%22/%3E%0A%3Cpath%20d%3D%22M19%2021%20Q32%2015%2045%2021%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%0A%3C/svg%3E") center/100% 100% no-repeat!important;box-shadow:none!important;transform:none!important;filter:drop-shadow(0 0 5px rgba(57,255,20,.55)) drop-shadow(0 4px 5px rgba(0,0,0,.55))!important;display:grid!important;place-items:center!important;animation:none!important;transition:filter .08s!important}
html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r):not(#_s)::before,html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r):not(#_s)::after{display:none!important;content:none!important}
html body[data-mode] .tabbar a.tab.post-tab span.post-fab:not(#_r):not(#_s) svg{width:22px!important;height:22px!important;stroke:#fff!important;transform:translateY(-6px) scaleY(.82)!important;filter:drop-shadow(0 -1px 0 rgba(0,0,0,.55)) drop-shadow(0 1px 0 rgba(255,255,255,.25))!important;transition:transform .08s!important}
html body[data-mode] .tabbar a.tab.post-tab:active span.post-fab:not(#_r):not(#_s),html body[data-mode] .tabbar a.tab.post-tab span.post-fab.pressed:not(#_r):not(#_s){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2060%22%3E%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22bz%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238a8f98%22/%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%233a3d43%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23050506%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id%3D%22wl%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%234a050a%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238e0e16%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233a0408%22/%3E%3C/linearGradient%3E%0A%3ClinearGradient%20id%3D%22fc%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23d8222b%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239e0b14%22/%3E%3C/linearGradient%3E%3C/defs%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2236%22%20rx%3D%2229.5%22%20ry%3D%2221.5%22%20fill%3D%22url%28%23bz%29%22%20stroke%3D%22%2339FF14%22%20stroke-width%3D%221.8%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2236.5%22%20rx%3D%2224%22%20ry%3D%2216.5%22%20fill%3D%22%23030303%22%20stroke%3D%22%231c1d20%22%20stroke-width%3D%221%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2234.5%22%20rx%3D%2221%22%20ry%3D%2213%22%20fill%3D%22%23000%22%20opacity%3D%220.35%22/%3E%0A%3Cpath%20d%3D%22M12%2032%20V33%20A20%2012%200%200%200%2052%2033%20V32%20Z%22%20fill%3D%22url%28%23wl%29%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2232%22%20rx%3D%2220%22%20ry%3D%2212%22%20fill%3D%22url%28%23fc%29%22%20stroke%3D%22%235c0309%22%20stroke-width%3D%22.8%22/%3E%0A%3Cellipse%20cx%3D%2232%22%20cy%3D%2233%22%20rx%3D%2215%22%20ry%3D%228%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.2%22/%3E%0A%3Cpath%20d%3D%22M19%2027%20Q32%2021%2045%2027%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%220.25%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22/%3E%0A%3C/svg%3E")!important;transform:none!important;filter:drop-shadow(0 0 4px rgba(57,255,20,.5)) drop-shadow(0 1px 2px rgba(0,0,0,.6))!important}
html body[data-mode] .tabbar a.tab.post-tab:active span.post-fab:not(#_r):not(#_s) svg,html body[data-mode] .tabbar a.tab.post-tab span.post-fab.pressed:not(#_r):not(#_s) svg{transform:translateY(0) scaleY(.82)!important;opacity:.92}
/* user override v3: install button green outline, silver text */
html body[data-mode]:not(#_r):not(#_s):not(#_t) .install-banner .btn.install-banner-cta,html body[data-mode]:not(#_r):not(#_s):not(#_t) .install-banner .install-banner-cta{background:#0B0B0B!important;color:#C0C7D1!important;border:1.5px solid #39FF14!important;box-shadow:0 0 10px rgba(57,255,20,.25)!important;text-shadow:none!important}
/* popup v4: sit clearly above tabbar + Post push button */
html body[data-mode]:not(#_r):not(#_s):not(#_t) .install-banner{bottom:calc(env(safe-area-inset-bottom, 0px) + 122px)!important;top:auto!important;z-index:60!important}
/* QA: night empty-state heading was white on white card */
html body[data-mode="night"]:not(#_r) .empty-state h2{color:#111827!important}
/* QA: phone tabbar backing strip showed as a black band on desktop (tabbar hidden there) */
@media (min-width: 900px){html body[data-mode]:not(#_r) .map-home::after{display:none!important}}
/* Install app buttons (Profile + desktop header) match popup Install */
html body[data-mode]:not(#_r):not(#_s) .install-app-btn{background:#0B0B0B!important;color:#C0C7D1!important;border:1.5px solid #39FF14!important;box-shadow:0 0 10px rgba(57,255,20,.25)!important;text-shadow:none!important;font-weight:700!important;cursor:pointer}
html body[data-mode]:not(#_r):not(#_s) .desk-install{padding:7px 12px!important;border-radius:10px!important;font-size:13px!important;margin-left:6px!important;white-space:nowrap}
@media (display-mode: standalone){.install-app-btn{display:none!important}}
/* Install help sheet */
.install-help{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px)}
@media (min-width:900px){.install-help{align-items:center}}
.install-help-card{position:relative;width:100%;max-width:420px;background:#141416;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 18px 16px;box-shadow:0 14px 40px rgba(0,0,0,.6)}
.install-help-card strong{display:block;font-size:17px;color:#f3f4f6;margin-bottom:10px}
.install-help-row{margin:8px 0;font-size:14px;color:#9ca3af;line-height:1.4}
.install-help-row.on{color:#e5e7eb}
.install-help-row b{color:#C0C7D1}
.install-help-x{position:absolute;top:10px;right:12px;background:transparent;border:0;color:#9ca3af;font-size:22px;cursor:pointer}
html body[data-mode] .install-help .install-help-ok{width:100%;margin-top:10px;background:#0B0B0B!important;color:#C0C7D1!important;border:1.5px solid #39FF14!important;box-shadow:0 0 10px rgba(57,255,20,.25)!important}
/* Desktop: popup top-right under header so it never covers footer links */
@media (min-width:900px){html body[data-mode]:not(#_r):not(#_s):not(#_t) .install-banner{top:84px!important;bottom:auto!important;right:24px!important;left:auto!important;max-width:380px!important}}
html body .install-help{z-index:100000!important;align-items:center!important}