#profile .section-inner{max-width:1200px}
#profile{--border:#EBE1E6}
.profile-card{position:relative;overflow:hidden;width:100%;margin:0 auto;padding:22px 24px;border-radius:22px;background:var(--card,#fff);border:1px solid var(--border);box-shadow:var(--shadow)}
.profile-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(30px);opacity:.28;z-index:0}
.profile-glow-a{width:220px;height:220px;left:-70px;top:-90px;background:var(--accent)}
.profile-glow-b{width:200px;height:200px;right:-60px;bottom:-90px;background:var(--gold)}
html[data-theme=dark] .profile-glow{opacity:.16}
.profile-top,.profile-pane{position:relative;z-index:1}
.profile-sakura{position:absolute;bottom:-14px;width:120px;height:auto;pointer-events:none;opacity:.4;z-index:0}
.profile-sakura-l{left:0}
.profile-sakura-r{right:0;transform:scaleX(-1)}
.profile-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.profile-top-id{display:flex;align-items:center;gap:14px;min-width:0}
.profile-ava{width:72px;height:72px;border-radius:50%;position:relative;flex-shrink:0}
.profile-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid var(--border);background:var(--bg-alt)}
.profile-ava .status-dot{position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#3fbf6b;border:2.5px solid var(--card,#fff)}
.profile-id{min-width:0}
.profile-username{font-size:clamp(19px,2.2vw,22px);font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.2;overflow-wrap:anywhere}
.profile-group-label{display:inline-block;margin-top:2px;font-size:13px;font-weight:600;color:var(--accent-2)}
.profile-ignore-flag{display:inline-block;margin-top:2px;margin-left:8px;font-size:11px;font-weight:600;color:var(--text-soft)}
.profile-pm-btn{white-space:nowrap;height:38px;box-sizing:border-box;margin-left:auto}
.profile-pm-btn a{color:inherit;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px}
.profile-icon-toggle.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}
.profile-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.profile-meta-item{display:flex;align-items:center;gap:12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:14px 16px;min-width:0}
.profile-meta-item>div{min-width:0;flex:1 1 auto}
.profile-meta-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--accent);flex-shrink:0;box-sizing:border-box;overflow:hidden}
.profile-meta-icon svg{position:absolute;top:50%;left:50%;width:19px;height:19px;transform:translate(-50%,-50%);flex-shrink:0;display:block}
.profile-meta-item span{display:block;font-size:12px;color:var(--text-soft);font-weight:500}
.profile-meta-item b{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--text);overflow-wrap:anywhere}
.profile-pane-hidden{display:none!important}
#profilePaneEdit{margin-top:20px}
.profile-stats-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;margin-bottom:22px}
.profile-stat{display:flex;align-items:center;gap:12px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;padding:14px 16px;min-width:0}
.profile-stat>div{min-width:0;flex:1 1 auto}
.profile-stat-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#fff;flex-shrink:0;box-sizing:border-box;overflow:hidden}
.profile-stat-icon svg{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);flex-shrink:0;display:block}
.profile-stat-icon-gold{background:var(--gold)}
.profile-stat-icon-accent{background:var(--accent-2)}
.profile-stat b,.profile-stat b *,.profile-stat.profile-stat b span,.profile-stat.profile-stat b a,.profile-stat.profile-stat b a:link,.profile-stat.profile-stat b a:visited,.profile-stat.profile-stat b a:hover,.profile-stat.profile-stat b a:active{font-size:19px!important;font-weight:700!important;line-height:1.2!important;color:var(--text)!important;font-family:var(--font-display,inherit)!important;text-decoration:none!important;background:none!important}
.profile-stat b *{display:inline!important}
.profile-stat b{display:block}
.profile-stat span,.profile-stat span *{font-size:12px!important;font-weight:500!important;color:var(--text-soft)!important;font-family:var(--font-body,inherit)!important;text-decoration:none!important}
.profile-stat span{display:block;margin-top:1px;overflow-wrap:anywhere}
.profile-block+.profile-block{margin-top:16px}
.profile-block-center{text-align:center}
.profile-block-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px}
.profile-block-stripe{flex:1;max-width:56px;height:2px;background:var(--accent);opacity:.55}
.profile-block-head .profile-block-stripe:first-child{background:linear-gradient(90deg,transparent,var(--accent))}
.profile-block-head .profile-block-stripe:last-child{background:linear-gradient(90deg,var(--accent),transparent)}
.profile-block-title{margin:0;font-size:13px;font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.profile-about,.profile-signature{background:var(--bg-alt);border-radius:16px;padding:14px 18px;font-size:14.5px;line-height:1.65;color:var(--text-soft)}
.profile-form{display:flex;flex-direction:column}
.profile-form .form-group{list-style:none;margin-bottom:14px}
.profile-form .form-sep{height:1px;margin:8px 0 18px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent)}
.profile-form .auth-label{display:flex;flex-direction:column;gap:6px;margin-bottom:0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft)}
.profile-form input[type=text],.profile-form input[type=email],.profile-form input[type=password],.profile-form textarea,.profile-form .wide{width:100%;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:11px 14px;outline:none;text-transform:none;letter-spacing:normal;transition:border-color .15s;resize:vertical}
.profile-form input:focus,.profile-form textarea:focus,.profile-form select:focus{border-color:var(--accent-2)}
.profile-form input[type=file]{width:100%;font-size:13px;color:var(--text-soft);background:var(--bg-alt);border:1px dashed var(--border);border-radius:12px;padding:10px 12px}
.profile-select-wrap{background:var(--bg-alt);border:1px solid var(--border);border-radius:12px;padding:4px 8px}
.profile-select-wrap select{width:100%;background:transparent;border:none;padding:8px 4px;font-size:14px;font-weight:600;color:var(--text);outline:none}
.checkbox,.profile-checkbox-inline{display:flex;align-items:flex-start;gap:10px;margin-top:10px;cursor:pointer}
.profile-checkbox-inline{margin-top:0}
.checkbox,.checkbox *,.profile-checkbox-inline,.profile-checkbox-inline *{font-family:var(--font-body,inherit)!important;font-size:14px!important;font-weight:400!important;font-style:normal!important;line-height:1.5!important;color:var(--text-soft)!important;text-transform:none!important;letter-spacing:normal!important}
.checkbox label,.profile-checkbox-inline label{display:contents}
.checkbox input[type=checkbox],.profile-checkbox-inline input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;margin:1px 0 0;flex-shrink:0;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-alt);position:relative;cursor:pointer;transition:background .15s,border-color .15s}
.checkbox input[type=checkbox]:hover,.profile-checkbox-inline input[type=checkbox]:hover{border-color:var(--accent-2)}
.checkbox input[type=checkbox]:checked,.profile-checkbox-inline input[type=checkbox]:checked{background:var(--accent-2);border-color:var(--accent-2)}
.checkbox input[type=checkbox]:checked::after,.profile-checkbox-inline input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.checkbox input[type=checkbox]:focus-visible,.profile-checkbox-inline input[type=checkbox]:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.profile-avatar-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.profile-avatar-preview{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border);box-shadow:0 6px 16px rgba(74,36,57,.12)}
.profile-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar-fields{flex:1;min-width:220px;display:flex;flex-direction:column;gap:12px}
.profile-fieldset{border:1px solid var(--border);border-radius:16px;padding:16px}
.profile-fieldset legend{padding:0 8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft)}
.profile-soc-links{display:flex;gap:10px;flex-wrap:wrap}
.profile-soc-btn{width:38px;height:38px;border-radius:50%;overflow:hidden;display:block;transition:transform .15s,box-shadow .18s;box-shadow:0 6px 14px rgba(74,36,57,.14)}
.profile-soc-btn:hover{transform:translateY(-2px) scale(1.05)}
.profile-soc-btn svg{width:100%;height:100%;display:block}
.profile-soc-list{font-size:13px;color:var(--text-soft)}
.profile-xfields{background:var(--bg-alt);border-radius:16px;padding:14px}
.profile-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.profile-delete-link{font-size:12.5px;font-weight:700;color:var(--text-soft);text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.profile-delete-link:hover{color:var(--accent-2)}
@media (max-width:640px){
.profile-card{border-radius:18px;padding:18px}
.profile-ava{width:60px;height:60px}
.profile-top-id{order:1}
.profile-icon-toggle{order:2;margin-left:auto}
.profile-pm-btn{order:3;flex-basis:100%;width:100%;margin-left:0;margin-top:14px;height:44px}
.profile-pm-btn a{width:100%}
.profile-meta-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
.profile-meta-item{padding:12px 10px;gap:10px}
.profile-meta-icon{width:36px;height:36px}
.profile-meta-icon svg{width:16px;height:16px}
.profile-meta-item b{font-size:13px}
.profile-stats-2{gap:8px}
.profile-stat{gap:8px;padding:12px 10px}
.profile-stat-icon{width:36px;height:36px}
.profile-stat-icon svg{width:17px;height:17px}
.profile-stat b{font-size:16px}
.profile-stat span{font-size:11px}
}