.wordmark{border-radius:var(--r-pill);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.wordmark__text{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:640;line-height:1}.wordmark__icon{transition:transform .6s var(--ease-soft);display:grid}.wordmark:hover .wordmark__icon{transform:rotate(30deg)}.app-header{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line);background:#f6f5fad1;align-items:center;gap:1.5rem;height:4rem;padding:0 clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.app-header__brand{color:var(--ink)}.app-header__brand .wordmark__icon svg path:first-child{fill:var(--violet)}.app-header__brand .wordmark__icon svg path:last-child{fill:var(--cloud)}.app-header__nav{gap:.25rem;display:flex}.app-header__link{border-radius:var(--r-pill);font-size:var(--t-sm);color:var(--ink-2);padding:.4rem .85rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.app-header__link:hover{color:var(--ink);background:var(--cloud)}.app-header__link.is-active{color:var(--violet);background:#ebe3fb}.app-header__user{border-radius:var(--r-pill);cursor:pointer;font-size:var(--t-sm);background:0 0;border:0;align-items:center;gap:.6rem;margin-left:auto;padding:.25rem .85rem .25rem .25rem;font-weight:600;display:flex}.app-header__user:hover{background:var(--cloud)}.avatar{background:var(--dusk);color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.72rem;font-weight:700;display:grid}@media (width<=640px){.app-header{gap:.75rem}.app-header__name,.app-header .wordmark__text{display:none}}.app-header__account{margin-left:auto;position:relative}.app-header__account .app-header__user{margin-left:0}.app-header__menu{transform-origin:100% 0;min-width:14rem;top:calc(100% + 6px);bottom:auto}.app-header__who{border-bottom:1px solid var(--line);font-size:var(--t-sm);margin-bottom:.25rem;padding:.5rem .75rem .6rem;display:grid}.app-header__who span{color:var(--ink-3)}