.native-back[data-v-f3e2c4c8]{flex-shrink:0;margin-left:0;margin-right:-.5rem;opacity:0;overflow:hidden;transition:width .3s cubic-bezier(.22,1,.36,1),margin .3s cubic-bezier(.22,1,.36,1),opacity .18s ease-out;width:0}.native-back.is-open[data-v-f3e2c4c8]{margin-left:-.5rem;margin-right:0;opacity:1;transition:width .3s cubic-bezier(.22,1,.36,1),margin .3s cubic-bezier(.22,1,.36,1),opacity .22s ease-out 80ms;width:2rem}.native-back-icon[data-v-f3e2c4c8]{transform:translate(-6px);transition:transform .3s cubic-bezier(.22,1,.36,1)}.native-back.is-open .native-back-icon[data-v-f3e2c4c8]{transform:translate(0)}@media(prefers-reduced-motion:reduce){.native-back[data-v-f3e2c4c8],.native-back-icon[data-v-f3e2c4c8],.native-back.is-open[data-v-f3e2c4c8]{transition:none}}@property --nav-bg{syntax:"<color>";inherits:true;initial-value:#0d0d0d}@property --nav-ink{syntax:"<color>";inherits:true;initial-value:#fff}@property --nav-ink-inv{syntax:"<color>";inherits:true;initial-value:#0d0d0d}.app-header{--nav-tone-ease:.4s ease;--nav-ink:#fff;--nav-ink-inv:#0d0d0d;transition:--nav-ink var(--nav-tone-ease),--nav-ink-inv var(--nav-tone-ease)}html[data-nav-tone=light] .app-header:not(.nav-on-chat){--nav-ink:#1a1a19;--nav-ink-inv:#fff}.app-header .btn.nav-join,.app-header .btn.nav-sign-in{transition-property:box-shadow,transform}.app-header .btn.nav-join{background-color:var(--nav-ink);color:var(--nav-ink-inv)}.app-header .btn.nav-sign-in{border-color:color-mix(in srgb,var(--nav-ink) 15%,transparent);color:var(--nav-ink)}.app-header .btn.nav-sign-in:hover{border-color:color-mix(in srgb,var(--nav-ink) 20%,transparent)}.app-header .nav-search .search-bar--on-dark{background-color:color-mix(in srgb,var(--nav-ink) 12%,transparent)}.app-header .nav-search .search-bar--on-dark input{color:var(--nav-ink)}.app-header .nav-search .search-bar--on-dark input::-moz-placeholder{color:color-mix(in srgb,var(--nav-ink) 40%,transparent)}.app-header .nav-search .search-bar--on-dark input::placeholder{color:color-mix(in srgb,var(--nav-ink) 40%,transparent)}.app-header .nav-search .search-bar--on-dark button{color:color-mix(in srgb,var(--nav-ink) 60%,transparent);transition-property:transform,opacity}.app-header .nav-search .search-bar--on-dark button:hover{color:var(--nav-ink)}.app-header .nav-search .search-bar--on-dark [data-layer=hover]{background-color:color-mix(in srgb,var(--nav-ink) 10%,transparent)}.app-header .nav-search .search-bar--on-dark .w-px{background-color:color-mix(in srgb,var(--nav-ink) 20%,transparent)}.app-header form.nav-search .search-bar.search-bar--on-dark.search-bar--focused:after,.app-header form.nav-search .search-bar.search-bar--on-dark:hover:after{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-ink) 22%,transparent)}.nav-ink{color:var(--nav-ink)}.nav-ink-faint{color:color-mix(in srgb,var(--nav-ink) 40%,transparent)}.nav-pipe{background-color:color-mix(in srgb,var(--nav-ink) 20%,transparent)}.nav-hover:hover{background-color:color-mix(in srgb,var(--nav-ink) 10%,transparent)}.nav-active{background-color:color-mix(in srgb,var(--nav-ink) 15%,transparent)}.nav-active:hover{background-color:color-mix(in srgb,var(--nav-ink) 20%,transparent)}.safe-top{padding-top:env(safe-area-inset-top,0)}.nav-blur{height:calc(var(--nav-row-h) + env(safe-area-inset-top,0px));transition:opacity .3s ease,height .3s ease,--nav-bg var(--nav-tone-ease)}.group:hover .nav-blur,.nav-blur.nav-open{height:calc(var(--nav-row-h) + 24px + env(safe-area-inset-top,0px))}.app-header.nav-on-chat .nav-blur,.app-header.nav-on-chat:hover .nav-blur{height:calc(48px + env(safe-area-inset-top,0px));transition:opacity .3s ease,visibility 0s linear .3s,height .3s ease,--nav-bg var(--nav-tone-ease);visibility:hidden}.nav-chat-fill{background:rgb(var(--bg-frame));height:calc(48px + env(safe-area-inset-top,0px))}.native-header .nav-chat-fill{height:calc(var(--nav-row-h) + env(safe-area-inset-top,0px))}.menu-card{top:calc(env(safe-area-inset-top,0px) + .5rem)}.menu-card-header{margin-top:-.5rem}@media(min-width:640px){.menu-card{top:.5rem}.menu-card-header{margin-top:calc(env(safe-area-inset-top,0px) - .5rem)}}