.app{min-height:100vh;display:flex;flex-direction:column}.app__header{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.app__brand{font-weight:700;font-size:1.25rem;letter-spacing:.02em;text-decoration:none;color:inherit}.app__nav{display:flex;gap:1.25rem;flex:1}.app__nav-item{text-decoration:none;color:inherit;opacity:.7;padding-bottom:2px;border-bottom:2px solid transparent}.app__nav-item:hover{opacity:1}.app__nav-item--active{opacity:1;border-bottom-color:currentColor}.app__login{text-decoration:none;color:inherit;font-weight:500}.app__main{flex:1;display:flex;flex-direction:column;padding:2rem 1.5rem}.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;opacity:.85}.placeholder h1{font-size:2.5rem;margin:0}.placeholder p{opacity:.7;margin:0;max-width:30rem}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}