.topbar:has(.sitelogo){justify-content:space-between;align-items:center;gap:.75rem}.sitelogo{border-radius:10px;flex:none;line-height:0;transition:transform .2s;display:inline-flex}.sitelogo img{width:auto;height:60px}@media (width<=560px){.topbar:has(.sitelogo){flex-wrap:nowrap}.sitelogo img{height:54px}.topbar:has(.sitelogo) .whoami{flex-wrap:nowrap}.topbar:has(.sitelogo) .whoami label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar:has(.sitelogo) .whoami input{width:6.5rem}.topbar:has(.sitelogo) .whoami button{white-space:nowrap}}@media (width<=360px){.sitelogo img{height:46px}.topbar:has(.sitelogo) .whoami input{width:4.5rem}}.sitelogo:hover{transform:rotate(-3deg)scale(1.06)}.sitelogo:active{transform:scale(.97)}.sitelogo:focus-visible{outline:2px solid var(--ink-2);outline-offset:4px}@media (prefers-reduced-motion:reduce){.sitelogo{transition:none}.sitelogo:hover{transform:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sitelogo{background:#f6f0f7;padding:3px 8px;box-shadow:0 2px 10px -4px #0009}}:root[data-theme=dark] .sitelogo{background:#f6f0f7;padding:3px 8px;box-shadow:0 2px 10px -4px #0009}