.login-frame { border: 0; background: transparent; }
html.desktop .login-frame { position: fixed; right: 0; top: 52px; width: 360px; height: 340px; z-index: 6; }
html.compact .login-frame { position: fixed; inset: 0; width: 100vw; height: 100vh; }
html.desktop .wrap { padding-right: 380px; }
.hero { display: flex; gap: 16px; align-items: center; }
.hero-img { width: 160px; border-radius: 10px; }
.feed .post { border-bottom: 1px solid var(--line); padding: 10px 0; }
.feed .post .meta { font-size: 12px; color: var(--muted); }
.feed .post img { max-width: 140px; border-radius: 6px; margin: 4px 4px 0 0; }
.card { background: var(--panel-2); border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.card img { width: 100%; border-radius: 6px; }