.profile-surface.svelte-hoob2a{--app-topbar-h:58px;min-width:0;max-width:100%;min-height:100dvh;padding:var(--gap);grid-template-rows:var(--app-topbar-h) 1fr;gap:var(--gap);background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 9%, transparent), transparent 34%), var(--bg);color:var(--text);grid-template-areas:"top""main";display:grid;overflow-x:clip}.profile-title.svelte-hoob2a{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-title.svelte-hoob2a span:where(.svelte-hoob2a){color:var(--muted);font-size:var(--text-md);text-transform:uppercase;letter-spacing:.05em;font-weight:700;line-height:1}.profile-title.svelte-hoob2a strong:where(.svelte-hoob2a){color:var(--text);font-size:var(--text-4xl);line-height:1.2}.profile-title.svelte-hoob2a a:where(.svelte-hoob2a){color:var(--muted)}.profile-main.svelte-hoob2a{border:1px solid var(--line);border-radius:var(--r-4);background:color-mix(in oklab, var(--card) 88%, transparent);grid-area:main;width:100%;min-width:0;padding:clamp(18px,3vw,36px);overflow:clip visible}.profile-main.flat.svelte-hoob2a{background:0 0;border:0;border-radius:0;padding:clamp(18px,3vw,36px) clamp(6px,2vw,24px)}@media (width<=720px){.profile-surface.svelte-hoob2a{grid-template-rows:var(--app-topbar-h) 1fr}.profile-main.svelte-hoob2a{padding:16px}.profile-main.flat.svelte-hoob2a{padding:12px 2px 18px}.profile-title.svelte-hoob2a span:where(.svelte-hoob2a){display:none}}@media (width<=640px){.profile-title.svelte-hoob2a{display:none}}