.menu{margin:var(--space-2) 0;min-width:220px;max-width:calc(100vw - var(--space-8));max-height:min(60dvh,420px);padding:var(--space-2);border:var(--border-width) solid var(--color-border-soft);border-radius:var(--radius-2xl);background:var(--color-surface-raised);color:var(--color-text-strong);box-shadow:var(--shadow-lg);gap:var(--space-1);position-try-fallbacks:flip-block, flip-inline, flip-block flip-inline;opacity:0;transform:translateY(calc(var(--space-2) * -1)) scale(.96);transform-origin:0 0;transition:opacity .15s ease-in-out, transform .15s ease-in-out, overlay .15s allow-discrete, display .15s allow-discrete;flex-direction:column;position:fixed;inset:auto;overflow-y:auto}.menu[data-align=end]{transform-origin:100% 0}.menu[data-placement=above]{transform:translateY(var(--space-2)) scale(.96);transform-origin:0 100%}.menu[data-placement=above][data-align=end]{transform-origin:100% 100%}.menu[data-placement=below][data-align=start]{position-area:bottom span-right}.menu[data-placement=below][data-align=end]{position-area:bottom span-left}.menu[data-placement=above][data-align=start]{position-area:top span-right}.menu[data-placement=above][data-align=end]{position-area:top span-left}.menu:popover-open{opacity:1;display:flex;transform:none}.menu[data-submenu=true][data-placement]{position-area:right span-bottom;margin:0 var(--space-2);transform-origin:100% 0}.menu-item-label{flex:1;min-width:0}@media (width<=480px){.menu[data-submenu=true][data-placement]{position-area:bottom span-left;margin:var(--space-2) 0}.menu-item[aria-haspopup=menu]>svg{rotate:90deg}}@starting-style{.menu:popover-open{opacity:0;transform:translateY(calc(var(--space-2) * -1)) scale(.96)}.menu[data-placement=above]:popover-open{transform:translateY(var(--space-2)) scale(.96)}}.menu-item{align-items:center;gap:var(--space-3);width:100%;min-width:0;min-height:var(--space-8);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font:inherit;font-size:var(--text-md);text-align:left;overflow-wrap:anywhere;transition:var(--transition);background:0 0;border:0;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:var(--color-surface-hover);color:var(--color-text-strong);outline:none}.menu-item:disabled{color:var(--color-text-muted);cursor:default}:where([data-focus-by=keyboard]) .menu-item:focus-visible:not(:disabled){outline:var(--outline-menu-focus)}.menu-slot{width:16px;color:var(--color-text-muted);flex:none;display:flex}.menu-item[aria-checked=true] .menu-slot{color:var(--color-text-strong)}.menu-item[data-tone=danger]:not(:disabled),.menu-item[data-tone=danger]:not(:disabled) .menu-slot{color:var(--color-danger-text)}.menu-item[data-tone=danger]:is(:hover,:focus-visible):not(:disabled){background:var(--color-danger-bg)}.menu-label{padding:var(--space-3) var(--space-3) var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.menu-label[data-detail]{gap:var(--space-1);color:var(--color-text-strong);font-size:var(--text-md);font-weight:var(--weight-medium);flex-direction:column;display:flex}.menu-label-detail{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-regular);overflow-wrap:anywhere}.menu-separator{width:100%;margin:var(--space-2) 0;border:0;border-top:var(--border-width) solid var(--color-border-soft)}.menu-footer{margin:var(--space-2) 0 0;padding:var(--space-3) var(--space-3) var(--space-2);border-top:var(--border-width) solid var(--color-border-soft);color:var(--color-text-muted);font-size:var(--text-sm)}@media (prefers-reduced-motion:reduce){.menu{transition:none}}