:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15203a;background:#f6f8ff}*{box-sizing:border-box}body{min-width:0;margin:0;background:radial-gradient(circle at 16% 8%,#e7ebff 0,transparent 28rem),#f6f8ff}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #e1e6f2;background:#fff}.profile-brand{color:#17213a;font-size:20px;font-weight:800;text-decoration:none}.profile-back{color:#4451d9;font-weight:700;text-decoration:none}.profile-main{width:min(1120px,calc(100% - 32px));margin:48px auto 72px}.profile-intro{max-width:640px;margin-bottom:28px}.profile-kicker{margin:0 0 8px;color:#5363df;font-size:14px;font-weight:800}.profile-intro h1{margin:0;font-size:clamp(30px,4vw,46px);letter-spacing:-.05em}.profile-intro p{margin:14px 0 0;color:#65708a;line-height:1.65}.profile-card{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:32px;padding:32px;border:1px solid #e0e6f1;border-radius:24px;background:#fff;box-shadow:0 18px 50px #30427b12}.profile-preview{display:grid;align-content:start;justify-items:center;gap:16px;padding:26px;border-radius:18px;background:#f5f7ff;text-align:center}.profile-preview img{width:148px;height:148px;border-radius:50%;box-shadow:0 12px 28px #3445a629}.profile-preview h2{margin:0;font-size:18px}.profile-preview p{margin:0;color:#68738b;font-size:14px;line-height:1.5}.profile-editor label{display:grid;gap:8px;color:#24304d;font-size:14px;font-weight:800}.profile-editor input{width:100%;padding:13px 14px;border:1px solid #ccd5eb;border-radius:10px;font:inherit}.profile-editor input:focus-visible,.profile-avatar-option:focus-visible,.profile-actions button:focus-visible,.profile-back:focus-visible,.profile-brand:focus-visible{outline:3px solid #7783ff;outline-offset:3px}.profile-avatar-heading{margin:26px 0 12px;font-size:16px}.profile-avatar-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.profile-avatar-option{position:relative;display:grid;place-items:center;min-width:0;padding:4px;border:2px solid transparent;border-radius:14px;background:#f5f7fd;cursor:pointer}.profile-avatar-option:hover{background:#ecefff}.profile-avatar-option.is-selected{border-color:#4d5cf2;background:#e8ebff;box-shadow:0 0 0 2px #b7c0ff}.profile-avatar-option.is-selected::after{position:absolute;right:-5px;top:-5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#4d5cf2;color:#fff;content:'✓';font-size:12px;font-weight:800}.profile-avatar-option img{width:100%;height:auto;border-radius:10px}.profile-actions{display:flex;align-items:center;gap:10px;margin-top:28px}.profile-actions button{border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer}.profile-save{background:#4d5cf2;color:#fff;box-shadow:0 8px 18px #4d5cf23d}.profile-reset{background:#eef1f9;color:#35415d}.profile-status{min-height:22px;margin:16px 0 0;color:#5260d8;font-size:14px;font-weight:700}@media (max-width:960px){.profile-avatar-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:760px){.profile-header{padding:16px 20px}.profile-main{margin:32px auto 48px}.profile-card{grid-template-columns:1fr;padding:20px;gap:22px}.profile-preview{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:18px}.profile-preview img{width:78px;height:78px;grid-row:span 2}.profile-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.profile-actions{flex-wrap:wrap}}@media (max-width:390px){.profile-main{width:min(100% - 24px,1120px)}.profile-header{padding-inline:12px}.profile-brand{font-size:18px}.profile-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-actions button{width:100%}}
.profile-avatar-grid{max-height:min(360px,45vh);padding:2px 8px 2px 2px;overflow-y:auto;scrollbar-gutter:stable}
.profile-decision-history{max-height:min(480px,56vh);padding-right:6px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
@media(max-width:390px){.profile-decision-history{max-height:52vh;padding-right:4px}.profile-history-row{max-width:100%}}