.header{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.headerTitle{margin:0;font-size:1rem}.navWrapper{position:relative}.burger{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0}.burger span{display:block;width:100%;height:2px;background:currentColor;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.nav{position:absolute;left:100%;top:0;display:flex;gap:.75rem;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a{color:inherit;text-decoration:none;font-size:.95rem}.nav a:hover{text-decoration:underline}.layout{font-family:sans-serif;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}