.logo{color:var(--fg);align-items:center;gap:10px;display:inline-flex}.logo-mark{flex:none;display:block}.logo-word{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800;line-height:1}.logo-sm .logo-mark{width:40px;height:40px}.logo-sm .logo-word{font-size:24px}.logo-md .logo-mark{width:44px;height:44px}.logo-md .logo-word{font-size:28px}.logo-lg{gap:12px}.logo-lg .logo-mark{width:56px;height:56px}.logo-lg .logo-word{font-size:36px}.avatar{width:var(--avatar-size,40px);height:var(--avatar-size,40px);font-size:calc(var(--avatar-size,40px) / 2);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.avatar-sun{background:var(--avatar-sun-bg);color:var(--avatar-sun-fg)}.avatar-sky{background:var(--avatar-sky-bg);color:var(--avatar-sky-fg)}.avatar-mint{background:var(--avatar-mint-bg);color:var(--avatar-mint-fg)}.avatar-rose{background:var(--avatar-rose-bg);color:var(--avatar-rose-fg)}.avatar-grape{background:var(--avatar-grape-bg);color:var(--avatar-grape-fg)}.loading{flex-direction:column;align-items:center;gap:12px;font-weight:700;display:flex}.loading-mark{width:72px;height:63px;color:var(--fg);--seesaw-left:#2563eb;--seesaw-right:#f6b51b}.loading-mark .seesaw-beam{transform-box:view-box;transform-origin:55px 62px;animation:1.4s ease-in-out infinite seesaw}@keyframes seesaw{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@media (prefers-reduced-motion:reduce){.loading-mark .seesaw-beam{animation:none}}