@layer reset;@layer components{.main-nav{display:none}@media (min-width:64rem){.main-nav{display:block}}.main-nav>ul{align-items:center;gap:.25rem;display:flex}.main-nav a{white-space:nowrap;color:var(--ink-soft);border-radius:3.40282e38px;padding:.375rem .75rem;font-size:15px;font-weight:500;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.main-nav a:hover{background-color:var(--shelf);color:var(--ink)}}.main-nav a[aria-current=page]{background-color:var(--ink);color:var(--paper)}}
@layer reset;@layer components{.user-menu{align-items:center;gap:.5rem;display:flex;position:relative}.user-menu>a{white-space:nowrap;color:var(--ink-soft);border-radius:3.40282e38px;padding:.375rem .75rem;font-size:15px;font-weight:500;display:none}@media (hover:hover){.user-menu>a:hover{color:var(--ink)}}@media (min-width:80rem){.user-menu>a{display:block}}.user-menu>a[href$=\/signup]{background-color:var(--ink);color:var(--paper);padding-inline:1rem;font-weight:600}@media (hover:hover){.user-menu>a[href$=\/signup]:hover{background-color:var(--accent);color:var(--accent-ink)}}.user-menu>button{border:1px solid var(--line);background-color:var(--surface);height:2.5rem;font-size:.875rem;line-height:var(--leading-sm);border-radius:3.40282e38px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;font-weight:500;display:flex}@media (min-width:80rem){.user-menu>button[data-guest]{display:none}}.user-menu>button>:first-child{background-color:var(--shelf);border-radius:3.40282e38px;place-items:center;width:2rem;height:2rem;display:grid}.user-menu>button>:first-child>svg{width:1rem;height:1rem}.user-menu>button>:nth-child(2){text-overflow:ellipsis;white-space:nowrap;max-width:8rem;display:none;overflow:hidden}@media (min-width:40rem){.user-menu>button>:nth-child(2){display:inline}}.user-menu>button>:nth-child(3){clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:40rem){.user-menu>button>:nth-child(3){display:none}}.user-menu>[role=menu]{border:1px solid var(--line);background-color:var(--surface);border-radius:1rem;width:16rem;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (min-width:64rem){.user-menu>[role=menu]>ul:first-child{display:none}}.user-menu>[role=menu]>ul>li>a,.user-menu>[role=menu]>ul>li>button{border-radius:.5rem;display:block}@media (hover:hover){:is(.user-menu>[role=menu]>ul>li>a,.user-menu>[role=menu]>ul>li>button):hover{background-color:var(--shelf)}}.user-menu>[role=menu]>ul>li>a,.user-menu>[role=menu]>ul>li>button{padding:.5rem .75rem}.user-menu>[role=menu]>ul>li:has(>.header-picker){padding:.5rem .75rem}.user-menu>[role=menu]>ul>li>button{text-align:left;width:100%}.user-menu>[role=menu]>ul>li>.header-picker>ul{box-shadow:none;border:0;margin-top:.25rem;padding:0;position:static}.user-menu>[role=menu]>ul>li>a[href$=\/signup]{font-weight:600}.user-menu>[role=menu]>ul>li[aria-hidden]{border-top:1px solid var(--line);margin-block:.25rem}.user-menu>[role=menu]>ul>li.owned{font-size:.875rem;line-height:var(--leading-sm);color:var(--ink-faint);padding:.25rem .75rem .5rem}}
@layer reset;@layer components{.site-header{z-index:40;border-bottom:1px solid var(--line);background-color:color-mix(in oklab, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.site-header{background-color:color-mix(in oklab, var(--paper) 70%, transparent)}}.site-header>div{align-items:center;gap:.75rem;max-width:1400px;height:4rem;margin-inline:auto;padding-inline:1rem;display:flex}@media (min-width:40rem){.site-header>div{padding-inline:1.5rem}}.site-header>div>a{border-radius:.375rem;flex-shrink:0}.site-header>div>div{align-items:center;gap:.5rem;margin-left:auto;display:flex}.site-header>div>div>.header-picker{display:none}@media (min-width:64rem){.site-header>div>div>.header-picker{display:flex}}}