.profile-page{padding-bottom:var(--space-3xl)}.profile-header{justify-content:space-between;align-items:center;gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:var(--rule-heavy)solid var(--foreground);flex-wrap:wrap;display:flex}.profile-identity{align-items:center;gap:var(--space-lg);flex:1;min-width:0;display:flex}.profile-avatar{width:var(--space-3xl);height:var(--space-3xl);-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.profile-avatar--fallback{background:var(--muted);color:var(--foreground);font-size:var(--text-3xl);justify-content:center;align-items:center;display:flex}.profile-header h1{overflow-wrap:break-word;min-width:0;font-size:var(--text-3xl);letter-spacing:var(--tracking-display);margin:0;font-weight:680;line-height:1.3}.profile-write{min-height:44px;padding:var(--space-xs)var(--space-lg);border-radius:var(--radius);background:var(--foreground);color:var(--background);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.profile-write:hover{background:var(--secondary);color:var(--secondary-foreground)}.profile-write:active{text-decoration:underline}.profile-body{align-items:start;gap:var(--gap-columns);padding-top:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,15rem);display:grid}.profile-feed{grid-area:1/1;min-width:0}.profile-section-heading{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:44px;padding-bottom:var(--space-sm);border-bottom:var(--rule-hair)solid var(--foreground);display:flex}.profile-section-heading h2{overflow-wrap:break-word;min-width:0;font-size:var(--text-lg);margin:0;font-weight:650;line-height:1.4}.profile-posts{grid-template-columns:minmax(0,1fr);display:grid}.profile-posts>.post-card{border-bottom:var(--rule-hair)solid var(--border)}.profile-feed .post-card--row .post-card__link{grid-template-columns:minmax(0,1fr)var(--space-4xl);-moz-column-gap:var(--gap-columns);column-gap:var(--gap-columns);padding-block:var(--space-lg)}.profile-feed .post-card--row .post-card__title{font-size:var(--text-xl)}.profile-categories{top:var(--space-3xl);min-width:0;max-height:calc(100dvh - 2*var(--space-3xl));scrollbar-gutter:stable;grid-area:1/2;position:sticky;overflow-y:auto}.profile-category-toggle{border-radius:var(--radius);width:44px;height:44px;color:var(--foreground);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.profile-category-toggle:hover{background:var(--muted)}.profile-category-toggle:active{background:var(--accent)}.profile-category-toggle svg{transition:transform var(--dur-micro)var(--ease-out)}.profile-category-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.profile-category-content{padding-top:var(--space-sm)}.profile-category-item{border-bottom:var(--rule-hair)solid var(--border);min-width:0}.profile-category-trigger{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;min-height:44px;padding:var(--space-sm)var(--space-xs);color:var(--foreground);text-align:left;background:0 0;border:none;display:flex}.profile-category-trigger:hover{background:var(--muted);color:var(--primary)}.profile-category-trigger:active{background:var(--accent)}.profile-category-name{overflow-wrap:break-word;min-width:0;font-size:var(--text-sm);font-weight:500;line-height:1.5}.profile-category-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.profile-category-posts{min-width:0;padding:var(--space-xs)var(--space-xs)var(--space-md);gap:var(--space-2xs);flex-direction:column;display:flex}.profile-category-post{min-height:44px;padding:var(--space-sm)var(--space-xs);color:var(--muted-foreground);font-size:var(--text-sm);overflow-wrap:break-word;line-height:1.55;text-decoration:none;display:block}.profile-category-post:hover{color:var(--primary);text-decoration:underline}.profile-category-post:active{background:var(--accent)}.profile-category-message{padding-block:var(--space-md);color:var(--muted-foreground);font-size:var(--text-sm);margin:0;line-height:1.6}.profile-category-message p{margin:0}.profile-retry{min-height:44px;padding-inline:var(--space-xs);color:var(--primary);font-size:var(--text-sm);text-underline-offset:.2em;background:0 0;border:none;align-items:center;text-decoration:underline;display:inline-flex}.profile-retry:hover{background:var(--muted)}.profile-retry:active{background:var(--accent)}.profile-retry:disabled{opacity:.55;cursor:not-allowed}.profile-write:focus-visible,.profile-category-toggle:focus-visible,.profile-category-trigger:focus-visible,.profile-category-post:focus-visible,.profile-retry:focus-visible{outline:2px solid var(--ring);outline-offset:var(--space-2xs)}.profile-categories :focus-visible{outline-offset:-2px}.profile-empty{justify-items:start;gap:var(--space-sm);padding-block:var(--space-2xl);display:grid}.profile-empty h3{font-size:var(--text-xl);margin:0;font-weight:650;line-height:1.4}.profile-empty p{color:var(--muted-foreground);font-size:var(--text-md);margin:0}.profile-category-loading{gap:var(--space-sm);padding-block:var(--space-md);display:grid}.category-skeleton{width:80%;height:var(--space-lg)}.profile-category-post-skeleton{height:var(--space-md);margin-block:var(--space-md)}.profile-name-skeleton{width:12rem;max-width:60%;height:var(--space-xl)}.profile-heading-skeleton{width:6rem;height:var(--space-lg)}@media (max-width:60rem){.profile-body{gap:var(--space-lg);padding-top:var(--space-lg);grid-template-columns:minmax(0,1fr)}.profile-categories{scrollbar-gutter:auto;grid-area:1/1;max-height:none;position:static;overflow:visible}.profile-category-toggle{display:inline-flex}.profile-category-content{display:none}.profile-category-content[data-expanded=true]{display:block}.profile-feed{grid-area:2/1}}@media (max-width:40rem){.profile-header{padding-block:var(--space-lg);align-items:flex-start;gap:var(--space-md);flex-direction:column}.profile-identity{gap:var(--space-md);width:100%}.profile-avatar{width:var(--space-2xl);height:var(--space-2xl)}.profile-header h1{font-size:var(--text-2xl)}.profile-write{margin-left:calc(var(--space-2xl) + var(--space-md))}.profile-feed .post-card--row .post-card__link{grid-template-columns:minmax(0,1fr)var(--space-2xl);gap:var(--space-md)}.profile-feed .post-card--row .post-card__title{font-size:var(--text-lg)}}
