.profile-page{min-height:100vh;overflow:auto;background:var(--page);color:var(--ink)}
.profile-topbar{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 900px)/2));border-bottom:1px solid var(--line);background:var(--header)}
.profile-topbar .site-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:16px;font-weight:700;text-decoration:none}
.profile-topbar .brand-mark{display:flex;width:23px;height:23px;align-items:center;justify-content:center;gap:2px;border:1px solid #168779;border-radius:50%}
.profile-topbar .brand-mark span{width:2px;height:8px;border-radius:2px;background:#168779}
.profile-topbar .brand-mark span:nth-child(2){height:12px}
.profile-topbar .brand-dot{color:#168779}
.profile-back{color:var(--muted);font-size:12px;text-decoration:none}
.profile-back:hover{color:var(--ink)}
.profile-main{width:min(calc(100% - 32px),620px);margin:54px auto}
.profile-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}
.profile-heading{display:flex;align-items:center;gap:16px;margin-bottom:23px}
.profile-avatar{display:grid;width:66px;height:66px;flex:0 0 66px;place-items:center;overflow:hidden;border-radius:50%;background:#e9f2ef;color:#187c6d;font-size:24px;font-weight:700}
:root[data-theme="dark"] .profile-avatar{background:#253b36;color:#77d7bf}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-eyebrow{color:var(--subtle);font-size:10px;font-weight:700;letter-spacing:.08em}
.profile-heading h1{margin:3px 0 6px;font-size:24px;font-weight:650}
.profile-badge{display:inline-flex;padding:3px 9px;border-radius:99px;background:#16877916;color:#147364;font-size:11px;font-weight:600}
:root[data-theme="dark"] .profile-badge{background:#62c8b51a;color:#81d7c5}
.profile-form{display:grid;gap:8px}
.profile-form label{margin-top:8px;color:var(--muted);font-size:12px;font-weight:600}
.profile-form input,.profile-email{min-height:40px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--page);color:var(--ink);font:inherit}
.profile-email{display:flex;align-items:center;color:var(--muted)}
.profile-created{margin-top:4px;color:var(--subtle);font-size:11px}
.profile-save,.profile-login a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;margin-top:10px;padding:0 14px;border:0;border-radius:9px;background:#202123;color:white;font:600 12px var(--font);text-decoration:none;cursor:pointer}
:root[data-theme="dark"] .profile-save,:root[data-theme="dark"] .profile-login a{background:#ececec;color:#202020}
.profile-save:disabled{opacity:.6;cursor:wait}
.profile-actions{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.profile-actions button{padding:7px 0;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.profile-actions button:hover{color:#bd3333}
.profile-message{margin:15px 0;color:var(--muted);font-size:13px;line-height:1.5}
.profile-error{color:#ba2d2d}
:root[data-theme="dark"] .profile-error{color:#ff8c8c}
.profile-login p{color:var(--muted);font-size:13px}
.profile-login a{margin:0}
.profile-card.is-banned{border-color:#d99}
@media(max-width:620px){.profile-topbar{height:50px;padding:0 14px}.profile-main{margin:28px auto}.profile-card{padding:20px}.profile-heading h1{font-size:21px}}