body>header{--header-height: 70px;display:flex;box-sizing:border-box;height:var(--header-height);padding:8px 1vw;flex-shrink:0;flex-direction:row-reverse;justify-content:space-between;align-items:center;overflow:hidden;border-bottom:1px solid var(--border-color);view-transition-name:none;>.status{display:flex;flex-direction:column;gap:6px;>div{display:flex;gap:4px;align-items:center;>*:last-child{flex-grow:1}}}>menu{position:fixed;display:flex;top:0;right:0;z-index:1;min-width:fit-content;width:20vw;height:100dvh;box-sizing:border-box;padding:calc(var(--header-height) - .5px) 4px max(8px,env(safe-area-inset-right,0));border-left:1px solid var(--border-color);background-color:var(--back-color);flex-direction:column;gap:6px;translate:100%;transition:translate .3s;view-transition-name:side-menu;li:not([role=none])>a{display:flex;color:var(--text-color);font-size:110%;text-decoration-line:none;transition:filter .2s;&:hover{filter:brightness(1.3)}}li>.partition{flex-grow:.8}}>hamburger-menu,>.hamburger{view-transition-name:menu-button;z-index:2}>[open]+menu{translate:0}}