/* Real edge surfaces, not extra bars/spacers. Safari can sample root/edge
   backgrounds for translucent chrome; theme-color remains a secondary hint. */
:root{--edge-top:#34393d;--edge-bottom:#080a0c;background-color:var(--edge-top)}
html:has(body[data-entry-state="unlocked"]){--edge-top:var(--nav-top);--edge-bottom:var(--tab-bot)}
body{background-color:var(--edge-top);background-image:linear-gradient(var(--edge-top),var(--edge-bottom));background-attachment:fixed}
.navbar{position:sticky;top:0;background-color:var(--nav-top)}
.tabbar{position:sticky;bottom:0;background-color:var(--tab-bot);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.lockscreen{background-color:var(--edge-bottom)}
@media(min-width:720px){.sidebar{padding-left:max(18px,env(safe-area-inset-left,0px))}}