/* calc-hdrphoto (Erik's edit, Nov 4 2026): large profile photo tile centered under Back, You/Add pills under it, title centered between pills and toggle.
   Header: when the user has a profile photo it shows (same squircle as the menu button) in place of Sign In. */
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av{--hv:52px;--hr:9px;--hg:2px;position:relative;display:block;box-sizing:border-box;width:var(--hv);height:var(--hv);margin:-10.5px auto 0!important;padding:0;border-radius:var(--hr);border:var(--hg) solid transparent;background:linear-gradient(#0E0E16,#0E0E16) padding-box,linear-gradient(135deg,#C13BFF,#5B6CFF) border-box;box-shadow:0 0 10px rgba(150,80,255,.55),0 0 2px rgba(120,110,255,.8);cursor:pointer;-webkit-tap-highlight-color:transparent;color:#B9B9D3}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--hr) - var(--hg));display:block}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av .cc-hv-ph{position:absolute;inset:0;display:grid;place-items:center}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av .cc-hv-ph svg{width:28px;height:28px}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av .cc-hv-plus{position:absolute;right:-5px;bottom:-5px;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#C13BFF,#5B6CFF);color:#fff;display:grid;place-items:center;font:800 12px/1 system-ui,sans-serif;box-shadow:0 0 0 2px #0E0E16}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av.has-photo .cc-hv-ph,html body:is([data-page="calc"],[data-page="stack"],.pw-std) .cc-hero-av.has-photo .cc-hv-plus{display:none}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) #pfSwitch{margin-top:16px!important}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) main>.page-head{margin-top:14.5px!important;padding-bottom:17px!important}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) main>.page-head,html body:is([data-page="calc"],[data-page="stack"],.pw-std) main>.page-head>div{text-align:center!important;justify-content:center!important}
/* header: photo replaces Sign In when there is one */
html.pw-hasav body:is([data-page="calc"],[data-page="stack"],.pw-std) .topbar .avatar{display:grid!important;position:relative;overflow:hidden}
html.pw-hasav body:is([data-page="calc"],[data-page="stack"],.pw-std) .topbar .hdr-signup{display:none!important}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) #pfSwitch .pf-chip{height:24px!important}
html body:is([data-page="calc"],[data-page="stack"],.pw-std) #pfSwitch .pf-btn.pf-chip{padding:0 7px 0 11px!important}