#profileDialog{width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:3px solid #47777a;border-radius:22px;background:#fffdf5;color:#29484b;box-shadow:0 8px 0 #315d61,0 20px 80px #183f4c55;overflow:auto;font-family:inherit}
#profileDialog::backdrop{background:#173a4966;backdrop-filter:blur(3px)}
#profileForm{padding:26px}#profileDialog header,#profileDialog footer{position:static;inset:auto;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}#profileDialog h1{font-size:27px;margin:4px 0 0}#profileDialog h2{font-size:22px;margin:0 0 16px}#profileDialog small{font-size:12px;line-height:1.5}#profileDialog button{font-family:inherit;min-height:44px;cursor:pointer}#profileDialog .profile-tabs{display:flex;gap:8px;margin:22px 0;border-bottom:2px solid #d8e4db;padding-bottom:14px}#profileDialog .profile-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:#edf3f1;border:2px solid #aec8c6;border-radius:8px;color:#365b60;font-weight:800;padding:8px}#profileDialog .profile-tabs button[aria-current=true]{background:#f8d979;border-color:#c5a754;color:#574b2b}
#profileDialog section{min-height:330px}#profileDialog label{display:block;font-size:14px;font-weight:700}#profileDialog input:not([type=checkbox]):not([type=range]):not([type=file]),#profileDialog textarea{box-sizing:border-box;width:100%;display:block;background:#fff;border:2px solid #cbdad3;border-radius:8px;padding:11px 12px;margin-top:6px;color:#29484b;font:inherit;min-width:0}#profileDialog input:focus-visible,#profileDialog textarea:focus-visible,#profileDialog button:focus-visible{outline:3px solid #32858f;outline-offset:3px}#profileDialog .profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}#profileDialog .profile-fields label{min-width:0}.profile-photo-row{display:flex;align-items:center;gap:18px}.profile-photo-row img,#profilePhotoEmpty{width:88px;height:88px;object-fit:cover;border-radius:50%;border:3px solid #a4c5b7;flex:none}#profilePhotoEmpty{display:grid;place-items:center;background:#e2efea}#profilePhotoEmpty svg{width:32px;height:32px}.profile-photo-row small{display:block;color:#637b79}.profile-photo-row button{background:none;border:0;text-decoration:underline;color:#8e5252}#photoUpload{display:block;font-size:12px;max-width:100%;margin-top:8px}#photoUpload::file-selector-button{padding:8px;border:1px solid #81aaa2;background:#e9f4ee;border-radius:6px;color:#29484b}.personality-heading{display:flex;gap:12px;align-items:center;margin:12px 0 22px}.personality-heading>svg{width:46px;height:46px;color:#c57c68}#profileDialog .personality-heading h2{margin:3px 0}.trait-row{margin:18px 0}.trait-row>span{display:flex;align-items:center;gap:9px}.trait-row output{margin-left:auto;color:#6c817b;font-size:13px}.trait-row input{width:100%;height:24px;accent-color:#d28367;cursor:pointer}.trait-extremes{justify-content:space-between;color:#687e79}.privacy-choice{display:flex!important;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #d7e2d9}.privacy-choice input{width:22px;height:22px;flex:none;accent-color:#468d7a}.privacy-choice small{display:block;color:#667a76;font-weight:400;margin-top:4px}.privacy-note{font-size:13px;line-height:1.6;color:#737167}#publicPreview{border-top:2px solid #d4e2da;margin-top:20px;padding-top:18px}#publicPreviewBody{margin-top:10px}#publicPreviewBody img{width:64px;height:64px;border-radius:50%;object-fit:cover;float:left;margin-right:14px}#publicPreviewBody p{margin:4px 0;overflow-wrap:anywhere}#profileStatus{color:#a3443c;min-height:20px;font-size:14px}#profileDialog .profile-footer{border-top:2px solid #d8e4db;padding-top:16px;flex-wrap:wrap}#profileDialog .profile-primary{margin-left:auto;background:#559b80;color:white;border:2px solid #3e8067;border-radius:9px;padding:12px 20px;box-shadow:0 4px 0 #326954;font-weight:800}#toggleLogin,#logoutProfile{border:0;background:none;color:#4e7375;text-decoration:underline;font-size:13px}#profileDialog [hidden]{display:none!important}.visit-public{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.visit-public img{width:58px;height:58px;border-radius:50%;object-fit:cover;margin:6px 10px 6px 0;float:left}
@media(max-width:600px){#profileForm{padding:16px}#profileDialog h1{font-size:23px}#profileDialog .profile-fields{grid-template-columns:1fr;gap:12px}#profileDialog .profile-tabs{gap:5px}#profileDialog .profile-tabs button{font-size:12px;gap:4px}#profileDialog .profile-tabs svg{width:17px}#profileDialog section{min-height:0}.profile-photo-row{gap:10px}.profile-photo-row img,#profilePhotoEmpty{width:64px;height:64px}#profileDialog .profile-primary{padding:12px;font-size:14px}#photoUpload{width:205px}}
/* Log out: a clear button instead of a small link */
#profileDialog #logoutProfile{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #e6b3ae;background:#fff4f2;color:#b8453b;text-decoration:none;font-size:14px;font-weight:800;padding:9px 14px;border-radius:12px;box-shadow:none;cursor:pointer}
#profileDialog #logoutProfile[hidden]{display:none}
#profileDialog #logoutProfile svg{width:17px;height:17px}
#profileDialog #logoutProfile:hover{background:#ffe6e2}