/* Public profile layout follows the supplied cover / identity / feed mockup. */
.profile-page {min-width:0;color:#272333}
.profile-cover {position:relative;height:clamp(140px,15vw,200px);overflow:hidden;border-radius:12px;background:#ded6f6}
.profile-cover>img {display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.profile-cover-change {position:absolute;right:22px;bottom:20px;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 13px;border-radius:20px;color:white;background:#4e3c7299;backdrop-filter:blur(8px);font-size:12px;font-weight:650}
.profile-cover-change:hover {background:#4e3c72cc}
.profile-identity {position:relative;display:grid;grid-template-columns:128px minmax(0,1fr) auto;align-items:start;gap:22px;padding:0 24px 28px;border-bottom:1px solid #eae6f2}
.profile-portrait {position:relative;margin-top:-28px;width:128px}
.profile-portrait .profile-page-avatar {display:flex;width:128px;height:128px;border:5px solid #fff;border-radius:50%;font-size:40px;background:#eee6ff!important;color:#7a53c5;box-shadow:0 2px 8px #49346408}
.profile-portrait>button {position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:32px;height:32px;border:3px solid white;border-radius:50%;color:white;background:#736d87}
.profile-summary {min-width:0;padding-top:20px}
.profile-summary h1 {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 6px;font-family:var(--sans);font-size:27px;font-weight:800;line-height:1.35;letter-spacing:-.8px;overflow-wrap:anywhere}
.profile-summary>p {margin:0;color:#888294;font-size:13px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.profile-counts {display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;color:#938b9f;font-size:12px}
.profile-counts>* {display:inline-flex;align-items:center;gap:5px}
.profile-counts strong {color:#575068;font-weight:700;font-variant-numeric:tabular-nums}
.profile-counts a:hover {color:#7455e4}
.profile-page .profile-owner-actions,.profile-visitor-actions {display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:24px 0 0;max-width:320px}
.profile-page .profile-owner-actions .btn,.profile-visitor-actions .btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;font-size:12px;border-radius:8px}
.profile-page .profile-owner-actions button {border-color:#9273ef;color:#7955dc;background:white}
.profile-page .profile-account-link {color:#777084;border-color:#e8e3f0;background:white}
.profile-content-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px}
.profile-content-tabs {display:flex;gap:5px;min-width:0}
.profile-content-tabs>a {display:inline-flex;justify-content:center;align-items:center;gap:5px;min-height:42px;min-width:112px;padding:10px 18px;border-radius:8px;background:#f2f0f8;font-size:13px;font-weight:650;color:#827991;white-space:nowrap}
.profile-content-tabs>a[aria-current=page] {background:#7650e7;color:white}
.profile-content-toolbar select {max-width:130px;min-height:40px;padding:9px 14px;border:1px solid #e8e3f0;border-radius:8px;background:white;color:#797085;font-size:12px}
.profile-content-preferences {display:flex;justify-content:flex-end;min-height:34px;margin:3px 0 8px}
.profile-content-feed {display:flex;flex-direction:column;gap:14px}
.profile-content-entry {min-width:0;border:1px solid #e9e5f1;border-radius:12px;background:white;overflow:hidden}
.profile-content-entry>.feed-card {margin:0;padding:22px 24px;border:0;border-radius:0;box-shadow:none}
.profile-content-entry .feed-price.free {background:#f1eaff;color:#8655dd}
.profile-content-entry .novel-card .feed-edit {display:none}
.profile-work-management {display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 24px 18px;color:#8a7c9e;font-size:12px}
.profile-work-management>a {display:inline-flex;align-items:center;gap:6px;min-height:36px}
.profile-work-management .btn {border:1px solid #9c7ded;color:#8059db;background:white;border-radius:8px;padding:7px 15px}
.profile-empty {display:flex;align-items:center;flex-direction:column;text-align:center;padding:52px 20px;color:#9b8faf;border:1px solid #ece7f3;border-radius:12px;background:white}
.profile-empty h2 {margin:14px 0 8px;font-family:var(--sans);font-size:17px;font-weight:650;color:#655c76}
.profile-empty p {margin:0 0 18px;font-size:12px;line-height:1.7}
.profile-cover-preview {margin:10px 0 18px;overflow:hidden;border-radius:10px;background:#eee8fa;aspect-ratio:5/1}
.profile-cover-preview img {width:100%;height:100%;object-fit:cover;object-position:center 25%}
.profile-cover-modal {width:min(640px,calc(100vw - 32px))}
@media(max-width:1180px){
 .profile-identity {grid-template-columns:116px minmax(0,1fr);gap:16px 20px;padding-inline:18px}
 .profile-portrait,.profile-portrait .profile-page-avatar {width:116px}
 .profile-portrait .profile-page-avatar {height:116px}
 .profile-page .profile-owner-actions,.profile-visitor-actions {grid-column:2;justify-content:flex-start;max-width:none;margin:0}
}
@media(max-width:760px){
 .profile-cover {height:132px;border-radius:10px}
 .profile-cover-change {right:12px;bottom:12px;min-height:34px;padding:7px 11px;font-size:11px}
 .profile-identity {grid-template-columns:86px minmax(0,1fr);gap:12px;padding:0 5px 22px}
 .profile-portrait {width:86px;margin-top:-22px}
 .profile-portrait .profile-page-avatar {width:86px;height:86px;border-width:4px;font-size:30px}
 .profile-portrait>button {width:28px;height:28px;right:-1px;bottom:-1px}
 .profile-summary {padding-top:12px}
 .profile-summary h1 {font-size:22px}
 .profile-summary>p {font-size:12px}
 .profile-counts {gap:7px 13px;margin-top:10px;font-size:11px}
 .profile-page .profile-owner-actions,.profile-visitor-actions {grid-column:1/-1;justify-content:flex-start;margin:4px 0 0;gap:8px}
 .profile-page .profile-owner-actions .btn {flex:1;min-height:42px;padding:9px;font-size:12px}
 .profile-content-toolbar {gap:8px;padding-top:18px}
 .profile-content-tabs {gap:4px;flex:1}
 .profile-content-tabs>a {min-width:0;flex:1;padding:10px 9px;font-size:12px}
 .profile-content-toolbar select {max-width:98px;padding:9px 6px;font-size:11px}
 .profile-content-preferences {margin:4px 0 7px}
 .profile-content-entry>.feed-card {padding:18px 16px}
 .profile-work-management {padding:0 16px 16px;gap:14px;font-size:11px}
 .profile-cover-preview {aspect-ratio:3/1}
}