.app-header{height:76px;display:flex;align-items:center;padding:0 32px;background:#ffffff80;border-bottom:1px solid #ffffffc9;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.site-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--text);background:var(--lavender);border:1px solid #ffffffad;box-shadow:inset 0 1px 0 #ffffffa0,0 3px 9px #806b9d13}.brand-mark .icon{width:25px;height:25px;stroke-width:1.5}.brand-name{font-size:25px;letter-spacing:-1px;font-weight:700;white-space:nowrap}.brand-dot{color:var(--primary)}.brand-divider{height:23px;width:1px;flex:none;background:#d9d1e4;margin:0 5px}.brand h1{font-size:16px;font-weight:500;margin:0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header>p{display:none}
@media(min-width:1700px){.app-header{padding:0 48px}}
@media(max-width:1100px){.app-header{padding:0 24px}.brand-divider,.brand h1{display:none}}
@media(max-width:880px){.app-header{height:68px}.brand-name{font-size:23px}}
@media(max-width:560px){.app-header{height:66px;padding:0 18px}.brand{gap:9px}.brand-mark{width:34px;height:34px;border-radius:11px}.brand-name{font-size:23px}.site-bar{gap:12px}}
@media(max-width:360px){.brand-name{font-size:20px}.brand-mark{width:30px;height:30px;border-radius:10px}.brand{gap:7px}.app-header{padding:0 12px}}
@media(prefers-reduced-motion:reduce){}