/* Family profile settings */
/* Profile settings: native disclosures keep personal details, preferences and data separate. */
.profile-settings { border-bottom:1px solid var(--line); }
.profile-settings > summary { min-height:64px; padding:20px 0; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:16px; font:700 1.1rem var(--display); }
.profile-settings > summary::-webkit-details-marker { display:none; }
.profile-settings > summary::after { content:"+"; font:400 1.2rem var(--sans); color:var(--muted); }
.profile-settings[open] > summary::after { content:"−"; }
.profile-settings .fam { margin:0 0 28px; padding-top:0; border:0; }
.profile-settings .sec { font-size:1rem; }
.plist { list-style:none; margin:20px 0 0; padding:0; }
.plist li { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--line); min-height:52px; }
.plist .pn { flex:1; font-weight:600; font-size:1.05rem; min-width:0; overflow-wrap:anywhere; }
.plist .by { width:72px; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--text); font:inherit; padding:6px 0; }
.plist .x { width:44px; height:44px; border:0; background:none; color:var(--muted); font-size:1.4rem; cursor:pointer; }
.padd { display:flex; gap:10px; align-items:flex-end; margin-top:16px; } .padd .inp { flex:1; min-width:0; }
.plist2 { margin-top:16px; }
.calldock { position:fixed; left:12px; right:12px; bottom:calc(var(--tabh,0px) + 12px + env(safe-area-inset-bottom)); z-index:60; max-width:520px; margin:0 auto; }
.calldock .voice { margin:0; background:var(--surface); border:1px solid var(--line); box-shadow:0 10px 36px rgba(0,0,0,.2); }
.calldock .voice h2 { font-size:1rem; }
.calldock .vq { font-size:1.25rem; }

/* Avatar maker */
.pic { display:block; border-radius:50%; flex:none; background:var(--soft); }
.sitlist .pic, .plist .pic { box-shadow:0 0 0 1px var(--line); }
.avmk { margin:14px 0 4px; }
.avtop { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-bottom:6px; }
.pic.big { width:168px; height:168px; box-shadow:0 0 0 1px var(--line); }
.avbtns { display:flex; flex-direction:column; gap:8px; align-items:flex-start; }
.avopts.dim .sw[aria-pressed="true"], .avopts.dim .chip[aria-pressed="true"] { box-shadow:none; }
.avmk .swatches { display:flex; flex-wrap:wrap; gap:10px; }
.avmk .sw { width:38px; height:38px; min-height:0; aspect-ratio:1; border-radius:50%; padding:0; }
.avmk .sw[aria-pressed="true"] { box-shadow:0 0 0 3px var(--surface), 0 0 0 5px var(--text); }
.rel { max-width:170px; min-width:0; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; font-size:.9rem; padding:8px; }
.photoidea { margin:10px 0 0; padding:10px 14px; border-radius:14px; background:var(--surface2); font-size:.95rem; }