.profile-portrait{position:relative;width:180px;height:180px}
.profile-portrait>.profile-avatar{display:block;border-radius:50%}
.profile-avatar-badge{position:absolute;right:-13px;top:-13px;width:64px;height:64px;border-radius:50%;object-fit:cover;background:#111820;border:3px solid #fff;box-shadow:0 0 0 2px var(--red),0 8px 18px #0009}
.profile-avatar-badge[role="button"]{cursor:pointer}.profile-avatar-badge[role="button"]:focus-visible{outline:3px solid #f3bd24;outline-offset:4px}
.profile-portrait.avatar-only .profile-avatar-badge{display:none}
.profile-school-badge{position:absolute;right:-15px;bottom:-13px;z-index:3;display:grid;width:58px;height:58px;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#fff;color:#111820;text-decoration:none;box-shadow:0 0 0 2px #ef3340,0 8px 18px #0009}.profile-school-badge[hidden]{display:none}.profile-school-badge img{display:block;width:100%;height:100%;object-fit:contain}.profile-school-badge img[hidden],.profile-school-badge span[hidden]{display:none}.profile-school-badge span{font-size:12px;font-weight:900;text-align:center}
.profile-photo-editor{display:grid;gap:8px;padding:15px;border:1px solid var(--line);border-radius:12px}
.profile-photo-editor>span,.profile-photo-editor small{font-weight:400}
.profile-photo-editor small{color:var(--muted)}
.profile-photo-editor img,.profile-photo-preview{width:96px;height:96px;object-fit:cover;border-radius:18px;border:2px solid var(--red)}
.profile-photo-field{display:grid!important;gap:7px}.profile-photo-field small{color:#87939a}.profile-photo-field input[type=file]{padding:10px}
.poomsae-note-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.poomsae-note-list span{padding:4px 7px;border-radius:999px;background:#7b51d326;color:#c9b7f2;font-size:11px;font-weight:700}
@media(max-width:820px){.profile-portrait{width:104px;height:104px}.profile-avatar-badge{width:42px;height:42px;border-radius:50%;right:-8px;top:-8px}}
@media(max-width:560px){.profile-portrait{width:82px;height:82px}.profile-avatar-badge{width:34px;height:34px;border-radius:50%;right:-6px;top:-6px}}

.compact-profile-form{gap:12px}.compact-row{display:grid;gap:12px}.compact-row-three{grid-template-columns:.72fr .9fr 1.38fr}.compact-school-row{grid-template-columns:1.5fr .7fr}.compact-disciplines{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.compact-disciplines legend{float:left;margin-right:auto;font-size:11px;font-weight:800;color:#b7c0c5}.compact-disciplines label,.compact-display-choice label{display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 12px;border:1px solid #35424a;border-radius:999px;color:#eef2f4;cursor:pointer}.compact-disciplines input,.compact-display-choice input{width:auto;margin:0}.guardian-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #36516a;border-radius:12px;background:#10202c}.guardian-summary>span{font-size:11px;font-weight:800;color:#8da1ad}.guardian-summary small{color:#aab8c0}.compact-media-editor{display:grid;gap:12px}.media-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-summary-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#0c1216}.media-summary-card img{display:block;width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #e8edf0;background:#111820}.media-summary-card div{display:grid;gap:2px;min-width:0}.media-summary-card b{font-size:13px}.media-summary-card small{color:#8e9aa2;font-size:11px}.media-summary-card button,.avatar-picker-back{border:1px solid #3a4851;border-radius:9px;background:#182127;color:#fff;padding:9px 11px;font-weight:700;cursor:pointer}.compact-display-choice{display:flex;align-items:center;gap:9px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.compact-display-choice legend{float:left;margin-right:auto;font-size:11px;font-weight:800;color:#b7c0c5}.compact-display-choice input:disabled+*{opacity:.55}.compact-media-editor .avatar-picker{padding:14px;border:1px solid #344049;border-radius:14px;background:#0a0f13}.compact-media-editor .avatar-picker[hidden]{display:none}.avatar-picker-back{margin-bottom:8px}

@media(max-width:760px){
  #profileView .profile-cover{display:flex;flex-direction:column;align-items:center;min-height:0;padding:54px 16px 20px;gap:14px;text-align:center;overflow:hidden}
  #profileView .profile-cover .profile-portrait{position:relative;inset:auto;width:112px;height:112px;flex:0 0 112px}
  #profileView .profile-cover .profile-avatar{position:static;width:100%;height:100%;border-radius:50%}
  #profileView .profile-cover .profile-avatar-badge{width:40px;height:40px;right:-5px;top:-5px}
  #profileView .profile-cover .cover-copy{width:100%;max-width:100%;min-width:0}
  #profileView .profile-cover .cover-copy h1{max-width:100%;font-size:28px;overflow-wrap:anywhere}
  #profileView .profile-cover .cover-role,#profileView .profile-cover .identity-row{justify-content:center;max-width:100%}
  #profileView .profile-cover .cover-role #coverSchoolInline{display:inline;max-width:100%;overflow-wrap:anywhere}
  #profileView .profile-cover .profile-specialties{justify-content:center}
  #profileView .profile-cover .verification-prompt{max-width:100%;overflow:hidden}
  #profileView .profile-cover>.button{position:static;width:100%;margin-top:2px}
}
@media(max-width:640px){.compact-row-three,.compact-school-row,.media-summary-grid{grid-template-columns:1fr}.compact-disciplines,.compact-display-choice{align-items:stretch;flex-wrap:wrap}.compact-disciplines legend,.compact-display-choice legend{width:100%;margin:0}.compact-disciplines label,.compact-display-choice label{flex:1;justify-content:center}.guardian-summary{grid-template-columns:1fr;gap:3px}.media-summary-card{grid-template-columns:52px 1fr auto}.media-summary-card img{width:52px;height:52px}}
@media(max-width:420px){#profileView .profile-cover{padding-top:48px}#profileView .profile-cover .cover-copy h1{font-size:25px}.media-summary-card{grid-template-columns:48px 1fr}.media-summary-card img{width:48px;height:48px}.media-summary-card button{grid-column:1/-1;width:100%}}
.compact-media-editor [hidden],.media-summary-card img[hidden],.media-summary-card input[type=file][hidden]{display:none!important}
@media(max-width:760px){#profileView .profile-cover .profile-school-badge{width:42px;height:42px;right:-7px;bottom:-7px;border-width:2px}}
.journey-historical-card{grid-template-columns:minmax(0,1fr)}.journey-historical-card .journey-copy{min-width:0}.journey-historical-card .journey-copy h3{width:100%;overflow-wrap:anywhere}