.menu-overlay{position:fixed;inset:0;z-index:var(--tsk-menu-z,1200);background:var(--tsk-menu-scrim,rgba(0,0,0,.5));display:flex;justify-content:flex-end;align-items:flex-start;padding:calc(var(--tsk-header-h,56px) + 8px) max(calc((100vw - var(--tsk-menu-align,1200px))/ 2 + var(--tsk-menu-inset,1.5rem)),1rem) 1rem;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.menu-overlay.active{opacity:1;visibility:visible}.menu-content{display:flex;flex-direction:column;width:min(360px,100%);max-height:100%;background:var(--tsk-menu-bg,var(--color-white,var(--bg-card,#fff)));border-radius:var(--tsk-menu-radius,var(--radius-xl,16px));box-shadow:var(--tsk-menu-shadow,var(--shadow-lg,0 8px 24px rgba(0,0,0,.13)));padding:var(--tsk-menu-pad,16px 20px 18px);transform:scale(.95);transform-origin:top right;opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.menu-overlay.active .menu-content{transform:scale(1);opacity:1;pointer-events:auto}.menu-content>.menu-header{flex-shrink:0}.menu-scroll{overflow-y:auto;overscroll-behavior:contain;margin:0 calc(var(--tsk-menu-scroll-gutter,4px) * -1);padding:1px var(--tsk-menu-scroll-gutter,4px) 0}@media (max-width:768px){:root{--tsk-header-h:52px}}@media (max-width:480px){:root{--tsk-header-h:48px}}@media (prefers-reduced-motion:reduce){.menu-content,.menu-overlay{transition:none}}