/* Profile button, menu, sign-out sheet and profile page (the former Data page). */
:root{--pfCream:#FAF5EF;--pfSand:#F3E8DF;--pfLine:#EADCCF;--pfInk:#3B2A22;--pfMuted:#6B5D53;--pfOrange:#C63A0E;--pfOrange2:#F2592A;--pfEsp:#3B2A22;--pfOk:#2F7D4F;--pfOkBg:#E3F1E7;--pfBad:#B42318}
.pfBtn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:max(14px,env(safe-area-inset-right,0px));z-index:900;width:46px;height:46px;border-radius:50%;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pfBtn:focus-visible{outline:2px solid var(--pfOrange2);outline-offset:3px}
.pfAv{position:relative;display:grid;place-items:center;border-radius:50%;overflow:hidden;font-weight:800;font-family:'Hanken Grotesk',system-ui,sans-serif;flex:0 0 auto;background:var(--pfEsp);color:var(--pfCream)}
.pfAv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pfAv svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pfAvBtn{width:46px;height:46px;font-size:15px;box-shadow:0 0 0 3px var(--pfCream),0 0 0 5px var(--pfOrange2),0 6px 18px rgba(59,42,34,.18)}
.pfBtn.on .pfAvBtn{background:linear-gradient(135deg,var(--pfOrange),var(--pfOrange2));color:#fff}
#p44LoginScreen~.pfBtn,body:has(#p44LoginScreen:not([hidden])) .pfBtn{display:none}
@media (max-width:899px){.pfBtn{width:40px;height:40px;top:calc(env(safe-area-inset-top,0px) + 12px)}.pfAvBtn{width:40px;height:40px;font-size:14px}}

.pfMenu{position:fixed;top:calc(env(safe-area-inset-top,0px) + 70px);right:max(14px,env(safe-area-inset-right,0px));z-index:950;width:320px;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(59,42,34,.22),0 0 0 1px rgba(59,42,34,.06);padding:10px;font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--pfInk)}
.pfMenuHead{display:flex;gap:12px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid #F3E9E0;margin-bottom:6px}
.pfMenuHead .pfAv{width:46px;height:46px;font-size:15px}
.pfMenuHead b{display:block;font-size:15px}.pfMenuHead span{font-size:12px;color:var(--pfMuted);overflow-wrap:anywhere}
.pfMi{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border-radius:14px;font-size:14px;font-weight:600;color:var(--pfInk);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left}
.pfMi:hover,.pfMi:focus-visible{background:var(--pfSand);outline:none}
.pfMi svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pfMi em{margin-left:auto;font-style:normal;font-size:12px;color:var(--pfMuted)}
.pfMi.red{color:var(--pfBad)}
.pfSep{height:1px;background:#F3E9E0;margin:6px 4px}

.pfDim{position:fixed;inset:0;z-index:1000;background:rgba(59,42,34,.45)}
.pfSheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);z-index:1001;background:var(--pfCream);color:var(--pfInk);border-radius:28px 28px 0 0;padding:14px 20px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:12px;font-family:'Hanken Grotesk',system-ui,sans-serif;box-shadow:0 -10px 40px rgba(59,42,34,.2)}
@media (min-width:900px){.pfSheet{bottom:auto;top:50%;transform:translate(-50%,-50%);border-radius:28px}}
.pfGrab{width:40px;height:5px;border-radius:3px;background:#D9C8BB;margin:0 auto 2px}
.pfSheetTitle{font-size:22px;letter-spacing:-.02em}
.pfWarn{background:#FFF1D6;border-radius:16px;padding:12px 14px;font-size:13px;color:#7A4A00;display:flex;flex-direction:column;gap:2px}
.pfPill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;border:0;cursor:pointer;font-family:inherit;width:100%}
.pfPill.or{background:linear-gradient(135deg,var(--pfOrange),var(--pfOrange2));color:#fff}
.pfPill.outRed{background:#fff;color:var(--pfBad);box-shadow:inset 0 0 0 1.5px #F0C7BE}
.pfPill.ghost{background:transparent;color:var(--pfMuted)}
.pfPill.sm{min-height:40px;width:auto;font-size:14px;padding:0 16px}
.pfPill[disabled]{opacity:.5;cursor:default}
.pfSmall{margin:0;font-size:12px;color:var(--pfMuted);text-align:center}
.pfSmall.left{text-align:left}

/* page */
#settingsPage #pfBox{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}
#settingsPage.pfIn .pfLegacy{display:none!important}
#settingsPage.pfIn #p44LoggedIn{display:none!important}
.pfId{background:linear-gradient(135deg,var(--pfOrange),var(--pfOrange2));color:#fff;border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px}
.pfIdTop{display:flex;gap:16px;align-items:center;min-width:0}
.pfIdTop>div{min-width:0}
.pfIdAv{width:72px;height:72px;font-size:24px;background:#fff;color:var(--pfOrange);box-shadow:0 0 0 4px rgba(255,255,255,.35)}
.pfIdName{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.pfIdMail{font-size:14px;opacity:.92;margin-top:4px;overflow-wrap:anywhere}
.pfBadge{display:inline-block;background:rgba(255,255,255,.2);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;margin-top:8px}
.pfStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pfStat{background:rgba(255,255,255,.16);border-radius:16px;padding:12px 10px;min-width:0}
.pfStat b{display:block;font-size:20px;font-weight:800;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pfStat span{font-size:12px;opacity:.9;font-weight:600}
.pfSince{font-size:13px;opacity:.9}
.pfSecHead{display:flex;justify-content:space-between;align-items:baseline;margin:4px 4px 8px}
.pfEyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pfOrange)}
.pfCard{background:#fff;border-radius:24px;padding:4px 18px;color:var(--pfInk)}
.pfRow{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #F3E9E0}
.pfRow:first-child{border-top:0}
.pfIco{width:38px;height:38px;border-radius:12px;background:var(--pfSand);display:grid;place-items:center;flex:0 0 auto}
.pfIco svg{width:19px;height:19px;fill:none;stroke:var(--pfInk);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pfRt{flex:1;min-width:0}
.pfRt b{display:block;font-size:15px}
.pfRt span{display:block;font-size:13px;color:var(--pfMuted);margin-top:1px;overflow-wrap:anywhere}
.pfRight{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pfTag{font-size:11px;font-weight:700;border-radius:999px;padding:4px 9px;white-space:nowrap}
.pfTag.ok{background:var(--pfOkBg);color:var(--pfOk)}
.pfTag.sand{background:var(--pfSand);color:var(--pfMuted)}
.pfLink{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;font-weight:700;color:var(--pfOrange);cursor:pointer;text-decoration:none;white-space:nowrap}
.pfLink[disabled]{color:var(--pfMuted)}
.pfInline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 0 14px 52px}
.pfInline .field{flex:1 1 180px;min-width:0}
.pfTargets{padding:16px 18px}
.pfGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px}
.pfField{display:flex;flex-direction:column;gap:6px;min-width:0}
.pfFieldLabel{font-size:13px;font-weight:700}
.pfInWrap{display:flex;align-items:center;gap:6px;background:var(--pfCream);border:1.5px solid var(--pfLine);border-radius:12px;padding:0 10px}
.pfInWrap .field{border:0!important;background:transparent!important;padding:10px 0!important;min-width:0;width:100%;font-variant-numeric:tabular-nums;box-shadow:none!important}
.pfUnit{font-size:12px;color:var(--pfMuted);white-space:nowrap}
.pfFoot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.pfOutWrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:22px 0 10px}
.pfOutBtn{width:100%;max-width:520px;min-height:52px;border-radius:999px;border:1.5px solid #F0C7BE;background:#fff;color:var(--pfBad);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:inherit}
.pfOutBtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pfToast{position:fixed;left:50%;bottom:calc(110px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--pfEsp);color:var(--pfCream);padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;z-index:1100;max-width:calc(100% - 32px);font-family:'Hanken Grotesk',system-ui,sans-serif}
@media (min-width:1100px){#settingsPage #pfBox{display:grid;grid-template-columns:400px minmax(0,1fr);align-items:start}#settingsPage #pfBox>.pfId{grid-row:span 3}}
.pfPhoto{position:relative;cursor:pointer;flex:0 0 auto;border-radius:50%}
.pfPhoto:focus-within{outline:2px solid #fff;outline-offset:3px}
.pfFile{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pfCam{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--pfEsp);display:grid;place-items:center;box-shadow:0 0 0 3px var(--pfOrange2)}
.pfCam svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pfPhotoMsg{display:block;font-size:12px;margin-top:6px;opacity:.95}
.pfPhotoMsg:empty{display:none}
.pfPhotoRm{background:none;border:0;padding:0;margin-top:6px;margin-left:10px;color:#fff;font:inherit;font-size:12px;font-weight:700;text-decoration:underline;cursor:pointer;opacity:.9}
#navSettings[hidden],.nav a[hidden]{display:none!important}
.pfBtn.inline{position:static;margin-left:6px;align-self:center}