.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;width:20px;height:20px;fill:none;stroke:currentColor}
.profile-section-icon .ui-icon{width:20px;height:20px}.account-menu-links .ui-icon{width:17px;height:17px}.account-menu-links b .ui-icon{width:14px;height:14px}.account-menu-footer a,.account-menu-footer button{display:inline-flex;align-items:center;gap:5px}.account-menu-footer .ui-icon,.member-account-menu summary .ui-icon{width:13px;height:13px}
.profile-status-card{position:relative}.profile-cover-editor{position:relative;height:130px;margin:-21px -21px -28px;overflow:hidden;background:#dfedf7}
.profile-cover-editor .profile-cover{display:block;width:100%;height:100%;margin:0;object-fit:cover;mask-image:linear-gradient(to bottom,#000 18%,transparent 100%)}
.profile-cover-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(140deg,#d4e7f5,#ecf6fd);color:#9ebed3}.profile-cover-placeholder .ui-icon{width:35px;height:35px;opacity:.5}
[data-profile-banner-preview][hidden],[data-profile-banner-placeholder][hidden],[data-portrait-picker-panel][hidden]{display:none}
.profile-edit-pencil{display:grid;place-items:center;width:29px;height:29px;border:2px solid #f8fcff;border-radius:50%;background:#3b6e91;color:white;box-shadow:0 2px 5px #193b5933;transition:opacity .15s,background .15s;opacity:0;cursor:pointer;padding:0;transform:none}
.profile-edit-pencil .ui-icon{width:14px;height:14px}.profile-cover-edit{position:absolute;right:10px;top:10px}
.profile-cover-editor:hover>.profile-edit-pencil,.profile-cover-editor:focus-within>.profile-edit-pencil,.profile-avatar-edit:hover>.profile-edit-pencil,.profile-avatar-edit:focus-visible>.profile-edit-pencil,.profile-status-edit:hover>.profile-edit-pencil,.profile-status-edit:focus-visible>.profile-edit-pencil{opacity:1}
.profile-edit-pencil:hover{background:#287ab7;transform:none}.profile-edit-pencil:focus-visible{opacity:1;outline:2px solid #318dcc;outline-offset:2px}
button.profile-avatar-edit{position:relative;padding:0;margin:0 0 12px;border:0;border-radius:50%;background:none;box-shadow:none;cursor:pointer;width:88px;height:88px;flex:none;transform:none}
.profile-avatar-edit .profile-avatar-preview{display:block;width:88px;height:88px;margin:0}.profile-avatar-edit>.profile-edit-pencil{position:absolute;right:-3px;bottom:-1px}
.profile-status-person{position:relative;z-index:1}.profile-status-person>button.profile-status-edit{position:relative;display:block;max-width:100%;padding:8px 30px 8px 10px;margin:13px auto 0;text-align:left;line-height:1.6;background:#edf6fc;border:1px solid #d2e3ef;border-radius:8px 13px 13px 13px;box-shadow:none;font-size:10px;color:#66869d;cursor:pointer;transform:none}
.profile-status-edit>.profile-edit-pencil{position:absolute;right:-7px;bottom:-7px;width:25px;height:25px}.profile-status-edit>.profile-edit-pencil .ui-icon{width:12px;height:12px}
.profile-quick-edit-hint{font-size:9px;color:#829bb0;text-align:center;margin:14px 0 0}.profile-reputation>span{display:flex;align-items:center;gap:5px}.profile-reputation .ui-icon{width:13px;height:13px}.profile-page-heading [data-profile-save-status]{color:#40836c;font-size:11px;min-height:0}.profile-page-heading [data-profile-save-status]:empty{display:none}
.profile-edit-dialog{width:min(740px,calc(100vw - 28px));max-height:87vh;overflow:auto;padding:0;border:1px solid #aecbdf;border-radius:12px;background:#f7fbff;color:#29465e;box-shadow:0 18px 65px #1a3f5e38}
.profile-edit-dialog::backdrop{background:#15324e77;backdrop-filter:blur(3px)}.profile-dialog-content{padding:24px}.profile-dialog-content>header{display:flex;align-items:center;gap:11px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #d7e6f0}.profile-dialog-content h3{font-size:18px;margin:0}.profile-dialog-content>header p{font-size:10px;color:#7e98ae;margin:5px 0 0}.profile-dialog-content>header>div{flex:1}
button.profile-dialog-close{display:grid;place-items:center;padding:5px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#6c8ca3;box-shadow:none;cursor:pointer}.profile-dialog-close:hover{background:#e5f1fa;transform:none}.profile-dialog-content .profile-card-footer{margin-top:20px}.profile-dialog-content .profile-banner-options{margin-top:12px}.profile-dialog-content h4{font-size:12px;margin:0;color:#698ba3}
.profile-image-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.profile-image-choices>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:135px;padding:18px 12px;border:1px solid #cfdfeb;border-radius:9px;background:#edf6fd;color:#416e8e;cursor:pointer;box-shadow:none}.profile-image-choices>button:hover{border-color:#85b8dc;background:#e3f2fd;transform:none}.profile-image-choices .ui-icon{width:30px;height:30px}.profile-image-choices strong{font-size:13px}.profile-image-choices small{font-size:9px;color:#809bad}.profile-upload-help{font-size:10px;color:#8098ab;margin:16px 0 0}.profile-edit-dialog [role=status]{font-size:11px;color:#ad5b68}
@media(hover:none){.profile-edit-pencil{opacity:1}}
@media(max-width:850px){.profile-cover-editor{margin:-17px -17px -28px}}
@media(max-width:600px){.profile-cover-editor{height:140px}.profile-dialog-content{padding:18px}.profile-image-choices{gap:8px}.profile-image-choices>button{min-height:125px;padding:12px 8px}.profile-image-choices small{line-height:1.5}.profile-edit-dialog .profile-card-footer{flex-wrap:wrap}.profile-dialog-content h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.profile-edit-pencil{transition:none}}

.profile-preview-caption{font-size:12px;font-weight:650;color:#5d8099;margin:0 0 10px}
.profile-live-preview{padding:0;overflow:hidden;background:#e7f2fa}
.profile-live-preview>.member-author{margin:0;border-radius:9px 9px 0 0;min-height:128px}
.profile-live-preview>.profile-quick-edit-hint{margin:0;padding:8px 14px 12px;color:#7893a7}
.profile-editable-author>.profile-cover-edit{z-index:3}
.profile-editable-author:hover>.profile-cover-edit,.profile-editable-author:focus-within>.profile-cover-edit{opacity:1}
.profile-editable-author .profile-avatar-edit{margin:5px 0 0;width:88px;height:88px}
.profile-editable-author .profile-avatar-edit .member-avatar{margin:0;width:88px;height:88px}
.profile-editable-author .profile-status-edit{position:relative;display:block;padding:6px 28px 6px 9px;margin:8px 0 0;text-align:left;max-width:100%;width:fit-content;font:inherit;font-size:10px;line-height:1.5;cursor:pointer;transform:none;box-shadow:none}
.member-banner-placeholder{position:absolute;inset:0 0 auto;height:120px;z-index:-2;background:linear-gradient(125deg,#c8dfef,#e9f4fc);mask-image:linear-gradient(to bottom,#000 18%,transparent 100%)}
.profile-progress-settings>.profile-rank-summary{border-top:0;padding-top:0;margin-top:0}
.profile-progress-settings .profile-reputation{max-width:320px}
@media(max-width:650px){.profile-editable-author .profile-avatar-edit,.profile-editable-author .profile-avatar-edit .member-avatar{width:68px;height:68px}.member-banner-placeholder{height:112px}}

.profile-live-preview>.member-author{padding-top:20px}

.profile-editable-author .profile-avatar-edit{margin:0}
@media(max-width:650px){.profile-live-preview>.member-author{padding-top:16px;min-height:100px}}

.profile-unlocks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}
.profile-unlock-tile{display:flex;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid #c6dce9;border-radius:9px;background:#f4faff;color:#416c88;text-align:left;box-shadow:none;transform:none}
.profile-unlock-tile>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.profile-unlock-tile strong{font-size:11px}.profile-unlock-tile small{font-size:10px;line-height:1.45}.profile-unlock-tile>b{font-size:10px;white-space:nowrap}.profile-unlock-tile>.ui-icon{width:18px;height:18px;flex:none}
.profile-unlock-tile.is-level-locked,.profile-unlock-tile.is-level-locked:hover{opacity:.65;border-style:dashed;background:#f3f7fa;cursor:not-allowed;transform:none}
.profile-editable-author.is-banner-locked [data-profile-banner-placeholder]{opacity:.5}
.profile-editable-author .profile-cover-edit:disabled,.profile-editable-author .profile-cover-edit:disabled:hover{opacity:.55;cursor:not-allowed;background:#7c99ae}
.profile-editable-author .profile-status-edit:disabled{opacity:.6;border-style:dashed;cursor:not-allowed}.profile-status-edit:disabled>.profile-edit-pencil{opacity:.65;background:#7c99ae;cursor:not-allowed}
.profile-feature-fields{border:0;min-width:0;margin:0;padding:0}.profile-feature-fields:disabled{opacity:.5}
.profile-feature-lock-message{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px dashed #c3d6e5;border-radius:7px;background:#edf4fa;color:#718ca1;font-size:11px}.profile-feature-lock-message .ui-icon{width:16px;height:16px}
.profile-exp-table{overflow-x:auto}.profile-exp-table p{font-size:10px;color:#7490a5}.profile-exp-table table{width:100%;min-width:300px;border-collapse:collapse;margin:12px 0;font-size:11px;font-variant-numeric:tabular-nums}.profile-exp-table th,.profile-exp-table td{padding:8px 9px;border-bottom:1px solid #d8e5ef;text-align:left;white-space:nowrap}.profile-exp-table thead{color:#6b879d;font-size:10px}.profile-exp-table .is-current-level{background:#e5f3fd;color:#2e75a3}
@media(max-width:600px){.profile-unlocks{grid-template-columns:1fr;padding:0 12px 12px}.profile-unlock-tile{padding:10px}}
