header{gap:16px;flex-wrap:wrap}#menu-toggle{display:flex;align-items:center;gap:10px}#menu-toggle span{font-size:22px}.shell-actions{margin-left:auto}
#app-menu{box-sizing:border-box;margin:0 auto 0 0;inset:0 auto 0 0;width:min(360px,90vw);height:100dvh;max-height:100dvh;max-width:90vw;border:0;border-right:1px solid var(--line);border-radius:0;padding:24px;background:var(--panel);color:var(--text);overflow-y:auto}
#app-menu::backdrop{background:#0009}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-top strong{font-size:24px}.drawer-account{overflow-wrap:anywhere;color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}#app-menu nav{display:grid;gap:10px;margin:20px 0}#app-menu nav>*{width:100%;text-align:left;box-sizing:border-box;padding:15px 18px;text-decoration:none}#app-menu [aria-current=page]{background:var(--primary);color:var(--on-accent)}#menu-logout{width:100%;margin-top:20px}.deadline{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--input)}[data-clear-login]{margin-top:10px}
@media(max-width:700px){header{position:sticky;top:0;z-index:5;margin-top:0!important;border-radius:0!important;padding:12px!important}header .brand{font-size:15px}header .shell-actions{display:none}#app>nav.tabs{display:none}#app>.toolbar .actions{flex-wrap:wrap}#app>.toolbar h1{font-size:28px}.drawer-top button{min-height:44px}button,a.button{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#app-menu nav>*{border-color:transparent;background:transparent;border-radius:12px}#app-menu nav>*:hover{border-color:var(--line);background:var(--input)}#app-menu nav>[aria-current=page]{background:var(--primary);color:var(--on-accent)}#app-menu nav>*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#app-menu[open]{display:flex;flex-direction:column}#app-menu .drawer-top,#app-menu .drawer-account,#menu-logout{flex-shrink:0}#app-menu nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin}#app-menu nav>*{flex-shrink:0}#menu-logout{margin-top:0}