:root{color-scheme:dark light}*{box-sizing:border-box;font-weight:400;margin:0;padding:0}body{background:#0b0f17;font-family:system-ui,sans-serif}.app{margin:auto;max-width:640px;padding:3.5rem 0 0;width:100%}.app .app__header{height:3.5rem;left:0;position:fixed;right:0;top:0}.header{align-items:stretch;background:#101827;box-shadow:0 0 1rem #00000059;display:flex;gap:1rem;padding:0 1rem;z-index:100}.header>*{display:flex;align-items:center}.header .header__menu-button{background:none;border:none;margin:0 -1rem;padding:0 1rem}.nav-drawer{background:#141f33;bottom:0;box-shadow:0 0 1rem #00000059;left:0;max-width:24rem;position:fixed;top:0;width:100%;z-index:200}.nav-drawer nav{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.nav-drawer nav ul{list-style:none}.nav-drawer nav ul a{align-items:center;color:#4f8cff;display:flex;height:3rem;padding:0 1rem;text-decoration:none}