/* 25.10 (owner, hq concepts B+C): phone navigation. A thin header (mark, bell countdown, rope), the sheet drops from the top on a spring, and a floating dock holds the five main places under the thumb. Desktop is untouched */
.mnav-dock,.mnav-bell{display:none}
@media(max-width:600px){
html.ch2 body .qh .in>:not(.mark):not(.menu):not(.mnav-bell){display:none!important}
html.ch2 body .qh .mnav-bell{display:block;margin-left:auto;font:500 11px/1 var(--mono,'Martian Mono','Martian Fallback',monospace);letter-spacing:.06em;color:rgba(250,250,247,.8);white-space:nowrap}
html.ch2 body .qh .menu{position:relative;width:44px;height:44px;margin-left:8px;border:0;background:none;color:transparent;font-size:0;overflow:visible}
html.ch2 body .qh .menu::before{content:"";position:absolute;left:50%;top:4px;width:2px;height:22px;transform:translateX(-50%);background:repeating-linear-gradient(180deg,#E9E7FF 0 3px,#9C95D6 3px 5px);transition:height .35s cubic-bezier(.3,1.6,.5,1)}
html.ch2 body .qh .menu::after{content:"";position:absolute;left:50%;top:25px;width:10px;height:12px;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:#E9E7FF;transition:top .35s cubic-bezier(.3,1.6,.5,1)}
html.ch2 body .qh .menu:active::before,html.ch2 body .qh .menu[aria-expanded="true"]::before{height:28px}
html.ch2 body .qh .menu:active::after,html.ch2 body .qh .menu[aria-expanded="true"]::after{top:31px}
html.qsheet-open .qsheet{animation:mnav-drop .45s cubic-bezier(.2,1.25,.4,1)}
html.qsheet-open .qsheet .qh-sheet-mark>:first-child{animation:mnav-swing .9s ease;transform-origin:50% 8%}
.mnav-dock{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:2px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;transition:transform .3s cubic-bezier(.23,1,.32,1);background:#180B51;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(24,11,81,.35)}
.mnav-dock a,.mnav-dock button{display:grid;justify-items:center;gap:4px;padding:6px 0;border:0;background:none;color:#CFCAFF;font:600 10px/1.1 var(--sans,'Author','Figtree',sans-serif);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mnav-dock svg{width:20px;height:20px}
.mnav-dock [aria-current="page"]{color:#FFF}
.mnav-dock .mnav-seat{padding:9px 0;border-radius:16px;background:#F0F1FC;color:#180B51;text-align:center}
.mnav-dock a:focus-visible,.mnav-dock button:focus-visible,html.ch2 body .qh .menu:focus-visible{outline:2px solid #B9B2FF;outline-offset:2px}
html.qsheet-open .mnav-dock{display:none}
/* 27.10 owner: in the X and other in-app browsers the page scrolls under the app's bottom bar, so the dock fills everything below itself */
.mnav-dock::after{content:"";position:absolute;left:0;right:0;top:100%;height:50vh;background:#180B51;pointer-events:none}
.mnav-dock.mnav-away{transform:translateY(calc(100% + 50vh))}
body.mnav-on{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}
@keyframes mnav-drop{from{transform:translateY(-100%)}to{transform:none}}
@keyframes mnav-swing{20%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}to{transform:none}}
@media(prefers-reduced-motion:reduce){html.qsheet-open .qsheet,html.qsheet-open .qsheet .qh-sheet-mark>:first-child{animation:none}html.ch2 body .qh .menu::before,html.ch2 body .qh .menu::after,.mnav-dock{transition:none}}