:root{--outer-background:#fafafa;--surface-background:#fff;--foreground:#171717;--app-shell-tablet-width:600px;--app-shell-desktop-width:480px;--app-shell-max-width:100%;--app-content-inline-padding:24px;--app-content-block-padding:48px;--app-header-height:65px;--app-navbar-content-height:68px;--app-navbar-height:calc(var(--app-navbar-content-height) + 1px)}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--surface-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;font-family:Arial,Helvetica,sans-serif;display:flex}.app-shell{width:100%;max-width:var(--app-shell-max-width);background:var(--surface-background);flex-direction:column;min-width:0;min-height:100dvh;display:flex}.app-content{padding:var(--app-content-block-padding) var(--app-content-inline-padding);flex-direction:column;flex:1;display:flex}.home-page{flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;display:flex}.brand-title{letter-spacing:-.04em;font-size:32px;font-weight:700;line-height:1.2}.join-button{width:100%;max-width:320px;min-height:56px;color:var(--surface-background);background:var(--foreground);letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:background-color .16s,transform .16s;display:inline-flex}.join-button:focus-visible{outline-offset:3px;outline:3px solid #7c7c7c}.join-button:active{transform:scale(.98)}a{color:inherit;text-decoration:none}@media (max-width:359px){:root{--app-navbar-content-height:62px}}@media (hover:hover) and (pointer:fine){.join-button:hover{background:#343434;transform:translateY(-1px)}}@media (min-width:680px){body{background:var(--outer-background)}}@media (min-width:680px) and (max-width:1023px){:root{--app-shell-max-width:var(--app-shell-tablet-width)}}@media (min-width:1024px){:root{--app-shell-max-width:var(--app-shell-desktop-width)}}
