.app-menu{position:fixed;inset:var(--menu-top,16px) auto auto var(--menu-left,16px);width:var(--menu-width,min(392px,calc(100vw - 32px)));max-width:none;max-height:calc(100dvh - var(--menu-top,16px) - 16px);margin:0;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff18;border-radius:20px;background:var(--color-sheet);color:var(--text);box-shadow:0 16px 48px #0008;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity 160ms ease-out,transform 160ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete;scrollbar-width:thin;scrollbar-color:rgb(var(--color-accent-rgb) / .5) transparent}
.app-menu[open]{opacity:1;transform:none}
.app-menu::backdrop{background:#0008;opacity:0;transition:opacity 160ms ease-out,display 160ms allow-discrete,overlay 160ms allow-discrete}
.app-menu[open]::backdrop{opacity:1}
@starting-style{.app-menu[open]{opacity:0;transform:translateY(-6px) scale(.98)}.app-menu[open]::backdrop{opacity:0}}
.app-menu-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 12px 8px 20px;border-bottom:1px solid #ffffff0d;background:url('../assets/brand/pattern-muted.svg') right center/230px no-repeat}
.app-menu-title{display:flex;align-items:center;gap:12px}.app-menu-title img{width:24px;height:28px}.app-menu-title h2{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
.app-menu-title h2:focus{outline:none}
.app-menu-close{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;color:var(--muted)}.app-menu-close .icon{width:22px;height:22px;rotate:45deg}.app-menu-close:hover{color:var(--text);background:#ffffff0a}
.app-menu-nav{padding:8px}.app-menu-main,.app-menu-tools{display:grid;gap:2px}.app-menu-nav :is(a,button){display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:44px;padding:9px 12px;border-radius:10px;color:var(--text);font-size:14px;line-height:22px;text-align:left;transition:color 140ms,background 140ms}.app-menu-nav .icon{width:22px;height:22px;flex-shrink:0}.app-menu-nav :is(a,button):hover{background:#ffffff0a}.app-menu-nav [aria-current=page]{color:var(--color-accent);background:rgb(var(--color-accent-rgb) / .1);--brand-accent:currentColor}.app-menu-nav :is(a,button):active{background:rgb(var(--color-accent-rgb) / .16)}.app-menu-nav hr{margin:8px 12px;border:0;border-top:1px solid #ffffff0d}
.feed-menu-trigger[aria-expanded=true] .feed-brand-content>.icon{rotate:180deg}.feed-brand-content>.icon{transition:rotate 160ms ease-out}
@media(min-width:600px) and (max-height:560px){.app-menu-main{grid-template-columns:repeat(2,minmax(0,1fr))}.app-menu-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.app-menu,.app-menu::backdrop,.feed-brand-content>.icon,.app-menu-nav :is(a,button){transition:none}}