#app-menu-toggle{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:8px;background:transparent;border:0;color:var(--ink)}
#app-menu-toggle[hidden],.app-drawer-source[hidden]{display:none!important}
#app-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:232px;max-width:calc(100vw - 28px);height:100dvh;max-height:100dvh;border:0;border-right:1px solid var(--line);border-radius:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));overflow:auto;background:#f8f7f5;color:var(--ink);box-shadow:8px 0 30px #27313f24}
#app-navigation::backdrop{background:#27313f66;backdrop-filter:blur(2px)}
#app-navigation .app-menu-close{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;height:44px;padding:6px;border:0;background:transparent;border-radius:8px;margin:0 0 10px;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:700}
#app-navigation .app-menu-close img{width:28px;height:28px;flex:none}
#app-navigation .app-menu-close span:last-child{margin-left:auto;font-size:24px;font-weight:400}
#app-navigation .app-menu-close:hover{background:#f1eeeb}
#app-navigation .app-menu-content{height:calc(100% - 54px);min-height:0}
#app-navigation .rail{position:static;width:auto;height:100%;padding:0;border:0;background:none;display:flex;flex-direction:column}
#app-navigation .local-nav{flex:none;overflow:visible;gap:2px}
#app-navigation .rail .local-nav button{min-height:39px;padding:8px 11px;font-size:13px}
#app-navigation .rail .bottom{margin-top:auto;padding-top:8px;gap:1px}
#app-navigation .rail .bottom>*{min-height:35px;padding:6px 11px;font-size:12px}
#app-navigation .rail svg{width:18px;height:18px}
@media(min-width:761px) and (min-height:541px){#app-menu-toggle{display:none}}
@media(max-height:700px){#app-navigation .rail .local-nav button{min-height:32px;padding:5px 10px}#app-navigation .rail .bottom>*{min-height:29px;padding:5px 10px}}
@media(max-height:640px) and (min-height:541px){#app-navigation .rail .local-nav button{min-height:28px;padding:4px 10px}#app-navigation .rail .bottom>*{min-height:27px;padding:4px 10px}}
@media(max-height:540px){#app-navigation{width:420px}.app-menu-content>.rail{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px!important;align-items:start}#app-navigation .rail .bottom{margin-top:0;padding-top:0;padding-left:10px;border-top:0;border-left:1px solid var(--line)}#app-navigation .rail .local-nav button{min-height:30px;padding:4px 8px;font-size:12px}#app-navigation .rail .bottom>*{min-height:32px;padding:6px 8px}}