.public-profile-page { padding-top: 16px; padding-bottom: 100px; }
.public-preview-bar { display:flex; align-items:center; gap:12px; margin-bottom:12px; color:var(--muted); font-size:10px; }
.public-preview-bar[hidden] { display:none; }
.public-preview-bar > span { display:inline-flex; align-items:center; gap:5px; color:var(--success-text); font-weight:750; }
.public-preview-bar p { margin:0; }
.public-preview-bar a { margin-left:auto; }
.public-profile-hero { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.public-profile-cover { position:relative; height:190px; overflow:hidden; }
.public-profile-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,15,22,.86),transparent 62%,rgba(17,15,22,.55)),linear-gradient(0deg,rgba(17,15,22,.62),transparent 58%); }
.public-profile-cover img { width:100%; height:100%; object-fit:cover; object-position:50% 42%; filter:saturate(.7) contrast(1.04); }
.public-cover-actions { position:absolute; right:14px; bottom:12px; z-index:1; display:flex; gap:5px; }
.public-cover-actions .icon-button { background:rgba(18,16,24,.68); backdrop-filter:blur(10px); }
.public-profile-identity { display:grid; grid-template-columns:112px minmax(0,1fr) auto; align-items:end; gap:17px; padding:0 20px 17px; border-bottom:1px solid var(--line); }
.public-profile-avatar { width:112px; height:112px; display:grid; place-items:center; margin-top:-40px; border:5px solid var(--surface); border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; font-size:28px; font-weight:850; }
.public-profile-copy { min-width:0; padding-top:14px; }
.public-profile-copy > div:first-child { display:flex; align-items:center; gap:7px; }
.public-profile-copy h1 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:29px; font-weight:500; }
.public-profile-copy > div:first-child > svg { color:var(--primary); }
.public-profile-copy p { margin:3px 0 0; color:var(--muted); font-size:12px; }
.public-profile-copy p:not(.public-profile-handle) { max-width:670px; margin-top:8px; color:#d8d3dc; font-size:13px; }
.public-profile-links { display:flex; flex-wrap:wrap; gap:13px; margin-top:10px; }
.public-profile-links span,.public-profile-links a { display:inline-flex; align-items:center; gap:4px; color:var(--muted); font-size:10px; }
.public-profile-links a:hover { color:var(--text); }
.public-profile-actions { display:flex; gap:7px; padding-bottom:2px; }
.public-profile-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
.public-profile-stats > div { display:grid; gap:3px; padding:12px 18px; border-right:1px solid var(--line); }
.public-profile-stats > div:last-child { border-right:0; }
.public-profile-stats dd,.public-profile-stats dt { margin:0; }
.public-profile-stats dd { font-size:19px; font-weight:800; }
.public-profile-stats dt { color:var(--muted); font-size:10px; }
.public-profile-tabs { display:flex; gap:5px; margin:25px 0 18px; border-bottom:1px solid var(--line); }
.public-profile-tabs button { position:relative; min-height:40px; padding:0 12px; border:0; background:transparent; color:var(--muted); font:inherit; font-size:11px; font-weight:750; cursor:pointer; }
.public-profile-tabs button::after { content:""; position:absolute; right:9px; bottom:-1px; left:9px; height:2px; background:transparent; }
.public-profile-tabs button.is-active,.public-profile-tabs button:hover { color:var(--text); }
.public-profile-tabs button.is-active::after { background:var(--primary); }
.public-profile-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; align-items:start; gap:30px; }
.public-content-panel[hidden] { display:none; }
.public-empty-state { grid-column:1 / -1; min-height:180px; display:grid; place-items:center; align-content:center; gap:7px; padding:28px; border:1px dashed var(--line); border-radius:8px; background:var(--surface); color:var(--muted); text-align:center; }
.public-empty-state svg { color:var(--primary); }
.public-empty-state strong { color:var(--text); font-size:13px; }
.public-empty-state p { max-width:360px; margin:0; font-size:10px; line-height:1.5; }
.public-profile-actions .button:disabled { opacity:.62; cursor:not-allowed; }
.public-section-heading { display:flex; justify-content:space-between; gap:15px; margin-bottom:13px; }
.public-section-heading h2,.public-section-heading p { margin:0; }
.public-section-heading h2 { margin-top:4px; font-family:Georgia,"Times New Roman",serif; font-size:23px; font-weight:500; }
.public-featured-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.public-feature-card { position:relative; min-height:300px; overflow:hidden; display:flex; align-items:flex-end; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--text); }
.public-feature-card::after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent,rgba(11,9,15,.95)); }
.public-feature-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 18%; }
.public-feature-card > div { position:relative; z-index:1; padding:16px; }
.public-feature-card h3,.public-feature-card p { margin:0; }
.public-feature-card h3 { font-size:18px; }
.public-feature-card p { margin-top:5px; color:#d5d0da; font-size:11px; line-height:1.45; }
.public-feature-card > div > span { display:block; margin-top:9px; color:#ffb2d7; font-size:10px; font-weight:750; }
.public-card-kind { position:absolute; top:10px; left:10px; z-index:2; display:inline-flex; align-items:center; gap:4px; padding:5px 7px; border-radius:4px; background:rgba(13,11,18,.72); color:#ffadd2; font-size:9px; font-weight:800; }
.public-card-kind.is-companion { color:#9ed7ff; }
.public-activity-feed { display:grid; gap:10px; }
.public-activity { padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.public-activity-head { display:flex; align-items:center; gap:9px; }
.public-activity-avatar { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); color:#fff; font-size:9px; font-weight:850; }
.public-activity-head > div { min-width:0; flex:1; }
.public-activity-head strong,.public-activity-head small { display:block; }
.public-activity-head small { margin-top:2px; color:var(--muted); font-size:10px; }
.public-activity h3 { margin:14px 0 8px; font-size:15px; }
.public-activity blockquote { margin:0; padding:12px 14px; border-left:2px solid var(--primary); background:var(--bg); color:#e5dfe8; font-family:Georgia,"Times New Roman",serif; font-size:16px; line-height:1.45; }
.public-activity-actions { display:flex; gap:17px; margin-top:12px; }
.public-activity-actions button,.public-activity-actions a { display:inline-flex; align-items:center; gap:5px; padding:0; border:0; background:transparent; color:var(--muted); font:inherit; font-size:10px; cursor:pointer; }
.public-activity-actions button:hover,.public-activity-actions a:hover,.public-activity-actions button.is-active { color:var(--primary); }
.public-release { display:grid; grid-template-columns:82px minmax(0,1fr); gap:12px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:6px; background:var(--bg); }
.public-release img { width:82px; height:96px; border-radius:4px; object-fit:cover; }
.public-release span { color:var(--primary); font-size:9px; font-weight:800; text-transform:uppercase; }
.public-release h3,.public-release p { margin:4px 0 0; }
.public-release h3 { font-size:15px; }
.public-release p { color:var(--muted); font-size:11px; }
.public-release a { display:inline-flex; align-items:center; gap:4px; margin-top:9px; color:var(--primary); font-size:10px; font-weight:750; }
.public-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.public-work-grid a { overflow:hidden; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--text); }
.public-work-grid img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.public-work-grid div { padding:10px; }
.public-work-grid h3,.public-work-grid p { margin:0; }
.public-work-grid h3 { font-size:13px; }
.public-work-grid p { margin-top:4px; color:var(--muted); font-size:10px; }
.public-share-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.public-share-card { min-height:190px; display:flex; flex-direction:column; padding:14px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--text); }
.public-share-card > span { display:inline-flex; align-items:center; gap:5px; color:var(--primary); font-size:9px; font-weight:800; }
.public-share-card blockquote { margin:auto 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:15px; line-height:1.4; }
.public-share-card small { color:var(--muted); font-size:10px; }
.public-share-media { padding:0; overflow:hidden; }
.public-share-media img { width:100%; height:120px; object-fit:cover; }
.public-share-media > span,.public-share-media h3,.public-share-media small { margin-right:12px; margin-left:12px; }
.public-share-media > span { margin-top:11px; }
.public-share-media h3 { margin-top:6px; margin-bottom:3px; font-size:14px; }
.public-profile-sidebar { position:sticky; top:calc(var(--header-height) + 20px); display:grid; gap:11px; }
.public-profile-sidebar section { padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.public-profile-sidebar h2 { margin:0; font-size:15px; }
.public-profile-sidebar section > p { margin:9px 0 14px; color:#d5d0da; font-size:11px; line-height:1.5; }
.public-profile-sidebar dl { display:grid; gap:0; margin:0; }
.public-profile-sidebar dl div { display:flex; justify-content:space-between; gap:8px; padding:9px 0; border-top:1px solid var(--line); font-size:10px; }
.public-profile-sidebar dt { color:var(--muted); }
.public-profile-sidebar dd { margin:0; text-align:right; font-weight:700; }
.public-badge-list { display:grid; gap:9px; margin-top:12px; }
.public-badge-list span { display:flex; align-items:center; gap:7px; color:#d7d1dc; font-size:10px; }
.public-badge-list svg { color:var(--primary); }
@media (max-width:900px) { .public-profile-layout { grid-template-columns:1fr; } .public-profile-sidebar { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .public-preview-bar { flex-wrap:wrap; } .public-preview-bar a { width:100%; margin-left:0; } .public-profile-cover { height:145px; } .public-profile-identity { grid-template-columns:80px minmax(0,1fr); gap:12px; padding:0 13px 14px; } .public-profile-avatar { width:80px; height:80px; margin-top:-28px; border-width:4px; font-size:21px; } .public-profile-copy { padding-top:9px; } .public-profile-copy h1 { font-size:23px; } .public-profile-actions { grid-column:1 / -1; } .public-profile-actions .button { flex:1 1 0; } .public-profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .public-profile-stats > div:nth-child(2) { border-right:0; } .public-profile-stats > div:nth-child(-n+2) { border-bottom:1px solid var(--line); } .public-profile-tabs { overflow-x:auto; } .public-profile-tabs button { flex:0 0 auto; } .public-featured-grid,.public-work-grid,.public-share-grid { grid-template-columns:1fr; } .public-feature-card { min-height:260px; } .public-profile-sidebar { grid-template-columns:1fr; } }