/* v8: quadrant-snapped history orb + hardened mobile chrome */
.history-orb{transition:left .42s cubic-bezier(.22,.76,.2,1),top .42s cubic-bezier(.22,.76,.2,1),transform .18s ease,box-shadow .18s ease;overflow:visible!important}.history-orb img{clip-path:circle(50% at 50% 50%)}.history-orb .history-count{z-index:6;overflow:visible}
.history-orb.dragging{transition:none;transform:scale(1.04);box-shadow:0 18px 42px rgba(10,30,45,.32),0 0 0 7px color-mix(in srgb,var(--accent) 15%,transparent)}
.orb-quadrant-guide{position:fixed;inset:0;z-index:115;display:none!important;pointer-events:none;background:none!important}
.orb-quadrant-guide.show{display:none!important}.orb-quadrant-guide span{position:absolute;width:10px;height:10px;border:2px solid color-mix(in srgb,var(--accent) 58%,white);border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}
.orb-quadrant-guide .tl{left:18px;top:max(18px,calc(env(safe-area-inset-top) + 12px))}.orb-quadrant-guide .tr{right:18px;top:max(18px,calc(env(safe-area-inset-top) + 12px))}.orb-quadrant-guide .bl{left:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}.orb-quadrant-guide .br{right:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}
@media(max-width:800px){
  main{padding-top:0}
  .topbar{position:sticky;top:0;z-index:45;margin:0 -18px;padding:0 18px;height:82px;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transform:translateY(0);transition:transform .22s ease,border-color .2s ease,box-shadow .2s ease}
  .topbar.chrome-hidden{transform:translateY(calc(-100% - env(safe-area-inset-top)))}
  .topbar.chrome-raised{border-bottom-color:var(--line);box-shadow:0 8px 24px rgba(20,40,60,.07)}
}