.menu{z-index:2147483000;transform-origin:0 0;-webkit-backdrop-filter:blur(30px)saturate(1.5);overscroll-behavior:contain;min-width:min(240px,100vw - 24px);max-width:calc(100vw - 16px);max-height:min(72vh,520px);animation:arrive .26s var(--c-in);background:#0c0c0cf0;border:.5px solid #ffffff1f;border-radius:20px;padding:0 0 12px;position:fixed;overflow:hidden auto;box-shadow:0 18px 50px #0000008c}.menu:focus-visible{outline-offset:0;outline:none}:root[data-mode=grey] .menu{background:#1e1e22f0}:root[data-mode=paper] .menu{background:#ffffffd1;border-color:#0000001a;box-shadow:0 18px 50px #00000029}.menu__seam{background-image:linear-gradient(90deg, transparent, var(--em1) 28%, var(--em2) 62%, transparent);background-position:0 0;background-size:100% 100%;height:2px;display:block}.menu__hd{color:var(--fg3);font:700 9.5px/1.5 var(--mono);letter-spacing:.24em;padding:15px 22px 9px}.menu__row{min-height:var(--touch);cursor:pointer;animation:arrive .4s var(--c-in) backwards;align-items:center;padding:7px 22px;display:flex}.menu__t{color:#655a64;font:800 25px/1.22 var(--sans);letter-spacing:-.03em;transition:color .24s var(--c-in)}.menu__row--active .menu__t,.menu__row:hover .menu__t{color:#a89aa5}:root[data-mode=paper] .menu__t{color:#7d6e79}:root[data-mode=paper] .menu__row--active .menu__t,:root[data-mode=paper] .menu__row:hover .menu__t{color:#574b52}.menu__row--on .menu__t{color:var(--em1);-webkit-text-fill-color:var(--em1)}.menu{transition:opacity .16s var(--c-in)}.menu--out{opacity:0;pointer-events:none}