.cl-profile-card{--profile-ink:#24364b;--profile-muted:#61758c;--profile-line:#dce7ef;--profile-blue:#f1f7fb;--profile-yellow:#f1c94f;display:grid;gap:22px;color:var(--profile-ink);font:inherit;min-width:0;padding:0;border:0;background:transparent}
.cl-profile-card *{box-sizing:border-box}.cl-profile-card [hidden]{display:none!important}
.cl-profile-card .cl-profile-hero{display:flex;align-items:center;gap:20px;min-height:132px;padding:20px;border:1px solid #eadca6;border-radius:18px;background:#fffdf5;box-shadow:inset 3px 0 #e6bd40}
.cl-profile-card .cl-profile-heading{flex:1;min-width:0}.cl-profile-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cl-profile-card h3{flex:1;margin:0;min-width:0;font-size:clamp(23px,4vw,30px);line-height:1.2;letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal;word-break:normal}
.cl-profile-card .cl-profile-actions{display:flex;gap:5px;flex:none}.cl-profile-action svg{width:20px;height:20px;display:block;flex:none}
.cl-profile-card .cl-profile-action{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid transparent;border-radius:14px;color:#80600b;background:transparent;cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
.cl-profile-card .cl-profile-action:hover:not(:disabled){background:#fff3c2;border-color:#ead799;transform:translateY(-1px);box-shadow:0 3px 10px #8c660a14}
.cl-profile-card .cl-profile-action:active:not(:disabled){background:#ffe9a0;border-color:#d5b44a;transform:translateY(0);box-shadow:inset 0 1px 3px #805a121f}
.cl-profile-card .cl-profile-portrait,.cl-profile-card button.cl-profile-portrait{width:92px;height:92px;flex:none;padding:0;border:3px solid #fff;border-radius:50%;background:#e2edf5;display:grid;place-items:center;overflow:hidden;box-shadow:none;position:relative}
.cl-profile-card .cl-profile-portrait .cl-social-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cl-profile-card .cl-profile-initial{font-size:32px;font-weight:650;color:#466782}.cl-social-dialog.cl-profile-dialog .cl-profile-card button.cl-profile-portrait:after{content:none}
.cl-profile-card .cl-profile-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}
.cl-profile-card .cl-profile-badges>span,.cl-profile-card .cl-profile-badge-edit{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #dce7ef;border-radius:8px;color:#567086;background:#fff;font-size:12px;line-height:1.2;font-weight:600;overflow-wrap:anywhere;max-width:100%}
.cl-profile-card .cl-profile-plan[data-plan=pro]{background:#fff4ce;border-color:#ecd98e;color:#70550a}.cl-profile-card .cl-profile-badge-edit{cursor:pointer}
.cl-profile-card .cl-profile-badge-edit:hover:not(:disabled){background:#fff4ce;box-shadow:none;transform:none}.cl-profile-card .cl-profile-badge-edit:disabled{opacity:1;color:#7a8b9b;cursor:default}
.cl-profile-card .cl-profile-joined{display:block;margin-top:10px;color:var(--profile-muted);font-size:12px;line-height:1.5}
.cl-profile-card h4{font-size:16px;font-weight:750;margin:0 0 10px;text-align:center;color:#151b22}.cl-profile-section-head{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin-bottom:4px}.cl-profile-section-head h4{margin:0}.cl-profile-card .cl-profile-section-head .cl-profile-edit-languages{position:absolute;inset-inline-end:0}
.cl-profile-language-lists{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cl-profile-card .cl-profile-language-group{min-width:0;padding:14px;border:1px solid var(--profile-line);border-radius:14px;background:#fff}
.cl-profile-card h5{font-family:inherit;font-size:13px;font-weight:750;line-height:1.4;letter-spacing:.015em;color:#151b22;margin:0 0 10px}
.cl-profile-flags{display:flex;flex-wrap:wrap;gap:10px}.cl-profile-card .cl-profile-language{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;row-gap:4px;width:100%;min-width:0;min-height:55px;border:1px solid transparent;padding:7px;border-radius:11px;background:var(--profile-blue);text-align:left;color:var(--profile-ink);cursor:pointer;font:inherit}
.cl-profile-card .cl-profile-language img{width:40px;height:28px;object-fit:cover;border:1px solid #d9e3ea;border-radius:5px;grid-row:1 / span 2}.cl-profile-language-code{grid-row:1 / span 2;font-size:17px;font-weight:700;color:#567086}
.cl-profile-language-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.cl-profile-card .cl-profile-level{justify-self:start;grid-column:2;padding:2px 6px;border-radius:5px;background:#fff;color:#536a80;font-size:11px;font-weight:650;line-height:1.3;border:1px solid #dce7ef}
.cl-profile-card .cl-profile-language:hover{background:#fff6d9;border-color:#e8d798;box-shadow:none;transform:none}.cl-profile-card .cl-profile-language:active{background:#fff0b6;border-color:#c29f31}
.cl-profile-card .cl-profile-biography{border-top:1px solid var(--profile-line);padding-top:18px}.cl-profile-card .cl-profile-biography p{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.cl-profile-card .cl-profile-biography .cl-profile-bio-limit{margin:7px 0 0;font-size:12px;line-height:1.5;color:var(--profile-muted);text-align:right}.cl-profile-card .cl-profile-biography .cl-profile-bio-limit[data-invalid=true]{color:#805a08;background:#fff5d5;border-inline-start:3px solid #d8b23c;border-radius:6px;padding:8px 10px;text-align:left}
.cl-profile-card .cl-profile-empty{font-size:13px;color:var(--profile-muted);line-height:1.5;margin:0}.cl-profile-card-footer{display:flex;justify-content:flex-start;border-top:1px solid var(--profile-line);padding-top:14px}
.cl-profile-card a.cl-profile-billing-card{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:14px;background:transparent;text-decoration:none;color:#80600b;font-size:13px;transition:background-color .16s,border-color .16s}
.cl-profile-card a.cl-profile-billing-card:hover{background:#fff4ce;color:#70550a;border-color:#e5d288}
.cl-profile-card :is(button,a):focus-visible{outline:3px solid #bf961a;outline-offset:3px}.cl-profile-card button:disabled{cursor:default;opacity:.6}
@media(max-width:420px){.cl-profile-card{gap:18px}.cl-profile-card .cl-profile-hero{gap:12px;padding:14px}.cl-profile-card .cl-profile-portrait,.cl-profile-card button.cl-profile-portrait{width:68px;height:68px}.cl-profile-card h3{font-size:22px}.cl-profile-language-lists{gap:8px}.cl-profile-card .cl-profile-language-group{padding:10px}.cl-profile-card .cl-profile-language{grid-template-columns:34px minmax(0,1fr);gap:4px 7px;padding:5px}.cl-profile-card .cl-profile-language img{width:32px;height:23px}.cl-profile-language-name{font-size:12px}.cl-profile-card .cl-profile-joined{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cl-profile-card *{transition:none!important}}
/* Scoped CamLangs controls override the older grey social-dialog defaults. */
.cl-social-dialog.cl-profile-dialog{border-color:#ede4cd;background:#fff}
.cl-social-dialog.cl-profile-dialog::backdrop{background:#5c420b4d;backdrop-filter:blur(4px)}
.cl-social-dialog.cl-profile-dialog .cl-profile-hero{background:#fff;border-color:transparent;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-portrait{border-color:#fff7d5;background:#ffe8a1;box-shadow:0 0 0 1px #dcb659,0 4px 12px #9d6f1514}
.cl-social-dialog.cl-profile-dialog button.cl-profile-portrait:hover:not(:disabled){outline:3px solid #efb316;outline-offset:3px;background:#fff2ba;transform:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-biography textarea{resize:none;min-height:64px;max-height:none;overflow:hidden;border-color:#e6d8af;background:#fffefa}
.cl-social-dialog.cl-profile-dialog .cl-profile-section-head,.cl-social-dialog.cl-profile-dialog .cl-profile-biography h4{text-align:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-language-group{border-color:#eddfa9;background:#fffefa;padding:12px}
.cl-social-dialog.cl-profile-dialog .cl-profile-language{background:#fff7df}.cl-social-dialog.cl-profile-dialog .cl-profile-level{color:#674601;border-color:#e5c867;background:#ffedb1}
.cl-social-dialog.cl-profile-dialog .cl-profile-action:not(.cl-profile-portrait){color:var(--cl-icon-gold,#996300)}
.cl-social-dialog.cl-profile-dialog .cl-profile-action:not(.cl-profile-portrait):hover:not(:disabled){color:#754600;background:#ffdf74;border-color:#e9b11a;box-shadow:0 0 0 2px #ffd86055,0 4px 14px #a975161f}
.cl-social-dialog.cl-profile-dialog .cl-profile-action:not(.cl-profile-portrait):active:not(:disabled){background:#ffd14c;border-color:#dda10a;box-shadow:inset 0 2px 5px #a66f1626}
.cl-social-dialog.cl-profile-dialog .cl-profile-action.cl-profile-close{color:#e3374c}.cl-social-dialog.cl-profile-dialog .cl-profile-action.cl-profile-close:hover:not(:disabled){color:#c51c36;background:#fff0f2;border-color:#f4bac5;box-shadow:0 0 0 2px #ffdae155}
.cl-social-dialog.cl-profile-dialog .cl-social-body>button,.cl-social-dialog.cl-profile-dialog .cl-profile-location button{border-color:#eadfbe;background:#fff8e6;color:#684a0a;font-weight:650;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-social-body>button:hover:not(:disabled),.cl-social-dialog.cl-profile-dialog .cl-profile-location button:hover:not(:disabled){background:#fff0b8;outline:2px solid #e2c26c;outline-offset:2px;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-social-body>button:active:not(:disabled),.cl-social-dialog.cl-profile-dialog .cl-profile-location button:active:not(:disabled){background:#f4bb22;box-shadow:inset 0 2px 4px #9b691b26}
.cl-social-dialog.cl-profile-dialog .cl-device-settings{border-color:#ecda98;background:#fff9e7;color:#3b3321}.cl-social-dialog.cl-profile-dialog .cl-device-settings legend{font-weight:700;color:#312715}.cl-social-dialog.cl-profile-dialog .cl-device-settings select{border-color:#e6d5a2;background:#fffefa;color:#312715;min-height:44px}.cl-social-dialog.cl-profile-dialog .cl-device-settings select:hover{border-color:#c48a13}.cl-social-dialog.cl-profile-dialog .cl-device-settings select:focus-visible{outline-color:#e8ab13}
.cl-social-dialog.cl-profile-dialog .cl-profile-setting-cards>a{color:var(--cl-icon-gold,#996300)}.cl-social-dialog.cl-profile-dialog .cl-profile-setting-cards>a:hover{color:#754600;background:#ffdf74;border-color:#e9b11a;box-shadow:0 0 0 2px #ffd86055,0 4px 14px #a975161f}.cl-social-dialog.cl-profile-dialog .cl-profile-setting-cards>a:active{background:#ffd14c;border-color:#dda10a;box-shadow:inset 0 2px 5px #a66f1626}

/* Centered identity with full-width name and complete supplied badge art. */
.cl-profile-card{--profile-line:#eee6d5;--profile-blue:#fffdf7;--profile-muted:#736d61}
.cl-profile-card .cl-profile-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:18px;padding:12px 0 22px;border:0;background:#fff;box-shadow:none}
.cl-profile-card .cl-profile-heading{width:100%;min-width:0;text-align:center}
.cl-profile-card .cl-profile-portrait,.cl-profile-card button.cl-profile-portrait{width:128px;height:128px;background:#fff8e6;border:2px solid #f5ebcb}
.cl-profile-card .cl-profile-name-row{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}
.cl-profile-card h3{flex:1 0 100%;width:100%;text-align:center;font-size:clamp(24px,4vw,30px);max-width:100%}
.cl-profile-card h3>span{display:inline-block}
.cl-profile-card .cl-profile-edit,.cl-social-dialog.cl-profile-dialog .cl-profile-edit{display:inline-block;padding:4px 0;margin:-4px 0;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:center;white-space:nowrap;overflow-wrap:normal;word-break:normal;cursor:text;box-shadow:none;transition:background-color .15s}
.cl-profile-card .cl-profile-edit:hover:not(:disabled),.cl-social-dialog.cl-profile-dialog .cl-profile-edit:hover:not(:disabled){background:#fff5d4;border:0;box-shadow:none;transform:none}
.cl-profile-card .cl-profile-edit:disabled,.cl-social-dialog.cl-profile-dialog .cl-profile-edit:disabled{opacity:1;cursor:default;color:inherit}
.cl-profile-card .cl-profile-actions{position:absolute;inset-block-start:8px;inset-inline-end:0;justify-content:center;gap:0}
.cl-profile-card .cl-profile-plan,.cl-profile-card .cl-profile-plan[data-plan=pro]{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:26px;width:auto;padding:0;border:0;background:transparent;border-radius:0;color:#736849;font-size:12px;font-weight:650}
.cl-profile-card .cl-profile-plan[data-plan=pro]{color:#ad7a0a}
.cl-profile-card .cl-profile-plan svg{width:27px;height:27px;filter:drop-shadow(0 0 5px #eab93a88);animation:cl-profile-pro-glow 3s ease-in-out infinite}
.cl-profile-plan-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cl-profile-card .cl-profile-badges{justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:10px;gap:8px}
.cl-profile-card .cl-profile-custom-badge,.cl-profile-card .cl-profile-badge-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:40px;max-width:100%;padding:6px 9px;border:0;border-radius:11px;color:#8c6412;background:transparent;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.cl-profile-card .cl-profile-badges .has-art{display:block;flex:0 1 auto;width:min(100%,max(300px,var(--cl-profile-name-ch,22ch)));padding:0;border:0;background:transparent;border-radius:8px;line-height:0;overflow:visible}
.cl-profile-badge-art{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center;border:0;overflow:visible}
/* Reusable in the call room only; the chat header deliberately has no badge. */
.cl-connected-profile-badge{display:inline-block;flex:0 0 auto;width:3.6em;max-width:none;height:1.2em;aspect-ratio:3/1;object-fit:contain;vertical-align:middle}
#peer-label:not([hidden]),.cl-room-participant>span{display:inline-flex;flex-direction:column;align-items:center;gap:4px;max-width:calc(100% - 12px)}
:is(#peer-label,.cl-room-participant>span) .cl-connected-profile-name{font-size:14px;line-height:1.25;text-align:center}
:is(#peer-label,.cl-room-participant>span) .cl-connected-profile-badge{width:clamp(108px,12vw,168px);max-width:100%;height:auto}
.cl-profile-card .cl-profile-badge-edit:not(.has-art) svg{width:18px;height:18px}
.cl-profile-card .cl-profile-badge-edit:hover:not(:disabled){background:#fff5d4;outline:2px solid #edd89e;outline-offset:3px;box-shadow:none;transform:none}
.cl-profile-card .cl-profile-badge-edit.has-art:hover:not(:disabled){background:transparent}
.cl-profile-card .cl-profile-joined{margin-top:12px;text-align:center}
.cl-profile-card .cl-profile-language-group,.cl-social-dialog.cl-profile-dialog .cl-profile-language-group{padding:12px;border-color:#eee5d0;background:#fff}
.cl-profile-card h5{text-align:center;color:#342b18;font-size:14px}
.cl-profile-card .cl-profile-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px}
.cl-profile-card .cl-profile-language{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:88px;padding:9px 5px;border:1px solid transparent;border-radius:12px;background:#fffdf7;text-align:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-language{background:#fffdf7}
.cl-profile-card .cl-profile-language img{width:36px;height:25px;object-fit:contain;background:transparent;border:0;border-radius:2px;grid-row:auto}
.cl-profile-card .cl-profile-language-name{font-size:12px;font-weight:650;line-height:1.3}
.cl-profile-card .cl-profile-level,.cl-social-dialog.cl-profile-dialog .cl-profile-level{padding:2px 6px;color:#72520b;background:#fff2c5;border:0;border-radius:5px;font-size:10px}
.cl-profile-card .cl-profile-language-add{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:auto;min-height:88px;align-self:stretch;background:transparent;color:#9a7117;border:1px dashed #e9dcba;border-radius:12px;padding:9px 5px;cursor:pointer;font:inherit;text-align:center}
.cl-profile-card .cl-profile-language-add svg{width:36px;height:25px;flex:none}
.cl-profile-card .cl-profile-language-add:hover:not(:disabled){background:#fff7e0;border-color:#d5b358;box-shadow:none;transform:none}
.cl-profile-card .cl-profile-language:hover{background:#fff7e0;border-color:#e5ce8e}
.cl-profile-card .cl-profile-biography{border-color:#eee6d5}.cl-profile-card .cl-profile-biography p:not(.cl-profile-bio-limit){text-align:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-biography textarea{background:#fff;border-color:#e7dfcc}
.cl-profile-badge-picker{padding:16px;border:1px solid #eadfc1;border-radius:16px;background:#fff}
.cl-profile-badge-picker header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cl-profile-badge-picker h4{margin:0;color:#332b1c;font-size:17px}
.cl-profile-badge-picker>p{margin:8px 0 16px;font-size:13px;line-height:1.6;color:#736b5b}
.cl-profile-badge-picker-close{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:0;border-radius:12px;background:transparent;color:#e3374d;font:25px/1 system-ui;cursor:pointer}
.cl-profile-badge-picker-close:hover{background:#fff0f2}
.cl-profile-badge-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:380px;overflow:auto;overscroll-behavior:contain;padding:3px}
.cl-profile-badge-option{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:7px;border:2px solid transparent;border-radius:12px;background:#fff;color:#372c17;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s}
.cl-profile-badge-option:hover{background:#fff5d9;border-color:#edda9c}
.cl-profile-badge-option[aria-checked=true]{background:#fff1bd;border-color:#cf9f2c;box-shadow:0 0 0 1px #e6c977}
.cl-profile-badge-option-label{font-size:11px;line-height:1.3;text-align:center}
.cl-profile-badge-none{display:grid;place-items:center;min-height:54px;font-size:13px}.cl-profile-badge-none+.cl-profile-badge-option-label{display:none}
.cl-profile-badge-picker :is(button):focus-visible{outline:3px solid #ba8c22;outline-offset:2px}
.cl-profile-location-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.cl-profile-location h3,.cl-profile-location>p{text-align:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-location .cl-profile-location-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;margin:0;padding:10px 12px;border:0;background:transparent;color:#8c6412;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-location .cl-profile-location-action:hover{background:#fff3ce;outline:0;box-shadow:none}
@keyframes cl-profile-pro-glow{0%,100%{filter:drop-shadow(0 0 3px #eab93a77)}50%{filter:drop-shadow(0 0 7px #eab93aaa)}}
@media(max-width:460px){.cl-profile-card .cl-profile-hero{gap:16px;padding:8px 0 18px}.cl-profile-card .cl-profile-portrait,.cl-profile-card button.cl-profile-portrait{width:112px;height:112px}.cl-profile-card .cl-profile-badges .has-art{width:min(100%,max(240px,var(--cl-profile-name-ch,22ch)))}.cl-profile-badge-picker{padding:12px}.cl-profile-badge-options{gap:7px}.cl-profile-badge-option{padding:5px}}
@media(prefers-reduced-motion:reduce){.cl-profile-card .cl-profile-plan svg{animation:none}.cl-profile-badge-option{transition:none}}

/* Profile/social revision: full names above larger, uncropped badge artwork. */
.cl-profile-card .cl-profile-name-row{width:100%;text-align:center}
.cl-profile-card .cl-profile-badges:has(.has-art){display:grid;grid-template-columns:27px minmax(0,max(340px,var(--cl-profile-name-ch,22ch))) 27px;justify-content:center;gap:8px}
.cl-profile-card .cl-profile-badges:has(.has-art):before{content:'';width:27px}
.cl-profile-card .cl-profile-badges .has-art{width:min(100%,max(340px,var(--cl-profile-name-ch,22ch)))}
.cl-profile-card .cl-profile-share-emoji{font:24px/1 system-ui}
.cl-social-dialog.cl-profile-dialog .cl-profile-badge-picker button.cl-profile-badge-option{background:#fff;min-width:0}
.cl-social-dialog.cl-profile-dialog .cl-profile-badge-picker button.cl-profile-badge-option:hover:not(:disabled){background:#fff;border-color:#cf9f2c;box-shadow:0 0 0 1px #ead9a6}
.cl-social-dialog.cl-profile-dialog .cl-profile-badge-picker button.cl-profile-badge-option[aria-checked=true]{background:#fff;border-color:#cf9f2c}
.cl-profile-badge-picker .cl-profile-badge-art{width:100%;max-width:240px;align-self:center;aspect-ratio:3/1;object-fit:contain}
.cl-profile-badge-picker .cl-profile-badge-option[aria-checked=true]{background:#fff;border-color:#cf9f2c}
.cl-social-dialog.cl-profile-dialog .cl-profile-location{display:flex;flex-direction:column;align-items:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-location .cl-profile-nearby-toggle{display:inline-flex;justify-content:center;align-items:center;align-self:center;gap:10px;max-width:100%;min-height:48px;margin-inline:auto;padding:10px 16px;border-radius:14px}
.cl-profile-radar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px}
.cl-profile-radar svg{display:block;width:28px;height:28px;overflow:visible}
.cl-profile-radar-sweep{transform-origin:12px 12px;animation:cl-profile-radar-scan 3s linear infinite}
.cl-profile-nearby-toggle.is-active .cl-profile-radar{color:#a87908;filter:drop-shadow(0 0 4px #e6be4b66)}
.cl-profile-nearby-toggle[disabled] .cl-profile-radar-sweep{animation-play-state:paused}
.cl-profile-invited{margin-top:20px;border-top:1px solid #eee6d5;padding-top:16px}
.cl-profile-invited h3{text-align:center}
.cl-social-dialog.cl-profile-dialog .cl-profile-invited-toggle{background:#fff;border:1px solid #e7dcc3;min-height:44px;padding:9px 20px;border-radius:12px;color:#70500b}
.cl-social-dialog.cl-profile-dialog .cl-profile-invited-toggle:hover{background:#fff7e2}
.cl-profile-invited-list time{flex-basis:100%;font-size:12px;line-height:1.5;color:#736d61}
.cl-profile-invited-list{display:grid;gap:8px;list-style:none;margin:12px 0;padding:0}
.cl-profile-invited-list li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px 12px;border:1px solid #eee6d5;border-radius:12px}
.cl-profile-invited-list strong{overflow-wrap:anywhere}
.cl-profile-invited-list span,.cl-profile-invited-note{font-size:12px;line-height:1.5;color:#736d61}
/* Six selected flags stay visible, including offline choices, with a small
   overlap. This changes the preview only, not the toolbar control positions. */
body.cl-guest-v2 .cl-topbar .cl-toolbar .cl-language-button{max-width:none;overflow:visible;flex:none;gap:4px}
body.cl-guest-v2 .cl-topbar .cl-toolbar #language-preview{max-width:none;overflow:visible;display:flex;align-items:center;padding-inline-end:4px}
body.cl-guest-v2 .cl-topbar .cl-toolbar #language-preview>*:nth-child(n){display:block;position:relative;flex:none;width:22px!important;height:22px!important;margin-inline-end:-4px;border:0!important;background:transparent!important;box-shadow:none!important}
body.cl-guest-v2 .cl-topbar .cl-toolbar #language-preview>*+*{margin-inline-start:-2px}
/* The badge is a separate, larger identity row, never a cropped name suffix. */
.cl-profile-card .cl-profile-badges:has(.has-art){grid-template-columns:27px minmax(0,max(380px,var(--cl-profile-name-ch,22ch))) 27px}
.cl-profile-card .cl-profile-badges .has-art{width:min(100%,max(380px,var(--cl-profile-name-ch,22ch)));transition:filter .2s ease,transform .2s ease}
.cl-profile-card .cl-profile-badge-view.has-art:hover,.cl-profile-card .cl-profile-badge-edit.has-art:hover{filter:drop-shadow(0 4px 6px #4433151f);transform:translateY(-1px)}
.cl-profile-card .cl-profile-badge-preview{width:min(640px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid #eadfc4;border-radius:20px;background:#fff;color:#342b18;box-shadow:0 20px 60px #252b3340;overflow:auto;overscroll-behavior:contain;animation:cl-profile-badge-front .24s cubic-bezier(.2,.8,.2,1)}
.cl-profile-card .cl-profile-badge-preview::backdrop{background:#252b3370;backdrop-filter:blur(5px)}
.cl-profile-card .cl-profile-badge-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cl-profile-card .cl-profile-badge-preview h4{margin:0;font-size:16px;text-align:left}
.cl-profile-card .cl-profile-badge-preview .cl-profile-badge-preview-close{width:40px;height:40px;flex:none;color:#d8404b}
.cl-profile-card .cl-profile-badge-preview-art{width:100%;height:auto;max-width:100%;margin:20px 0;object-fit:contain}
.cl-profile-card .cl-profile-badge-preview-change{display:block;width:auto;min-height:44px;margin:0 auto;padding:10px 18px;border:1px solid #e5d7ae;border-radius:12px;background:#fff;color:#805b0d;font:inherit;font-weight:650;cursor:pointer}
.cl-profile-card .cl-profile-badge-preview-change:hover{background:#fff7e0;border-color:#cfa93d}
.cl-profile-card .cl-profile-badge-preview-change:active{background:#ffefbc;box-shadow:inset 0 1px 3px #805b0d22}
@keyframes cl-profile-badge-front{from{opacity:0;transform:translateY(14px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes cl-profile-radar-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
@media(max-width:460px){.cl-profile-card .cl-profile-badges:has(.has-art){grid-template-columns:27px minmax(0,max(300px,var(--cl-profile-name-ch,22ch))) 27px}.cl-profile-card .cl-profile-badges .has-art{width:min(100%,max(300px,var(--cl-profile-name-ch,22ch)))}.cl-profile-badge-picker .cl-profile-badge-art{max-width:140px}body.cl-guest-v2 .cl-topbar .cl-toolbar #language-preview>*:nth-child(n){width:20px!important;height:20px!important}.cl-profile-card .cl-profile-badge-preview{padding:12px}.cl-profile-card .cl-profile-badge-preview h4{font-size:14px}}
@media(prefers-reduced-motion:reduce){.cl-profile-radar-sweep{animation:none}.cl-profile-nearby-toggle.is-active .cl-profile-radar{filter:none}.cl-profile-card .cl-profile-badge-preview{animation:none!important}.cl-profile-card .cl-profile-badges .has-art{transition:none;transform:none!important}}

/* October 4: symmetric gender / artwork / membership, only on the full card. */
.cl-profile-card .cl-profile-badges,.cl-profile-card .cl-profile-badges:has(.has-art){display:grid;grid-template-columns:36px minmax(0,380px) 36px;gap:8px;justify-content:center;width:100%;align-items:center}
.cl-profile-card .cl-profile-badges:has(.has-art):before{content:none}
.cl-profile-card .cl-profile-badges .has-art{width:100%;max-width:380px;grid-column:2}
.cl-profile-card .cl-profile-badge-view{cursor:default;pointer-events:none}
.cl-profile-card .cl-profile-badge-view.has-art:hover{filter:none;transform:none}
body.cl-guest-v2 .cl-call :is(#peer-label,.cl-tile-tag,.cl-room-participant>span){background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.cl-profile-card .cl-profile-badges>.cl-profile-gender{display:grid;place-items:center;grid-column:1;grid-row:1;width:36px;height:40px;padding:0;border:0;border-radius:10px;background:transparent;color:#555d69;font:inherit}
.cl-profile-card button.cl-profile-gender{cursor:pointer}
.cl-profile-card button.cl-profile-gender:hover{background:#f4f5f8;box-shadow:none;transform:none}
.cl-profile-gender-art{display:block;width:32px;height:36px;object-fit:contain;border:0;background:transparent}
.cl-profile-card .cl-profile-badges>.cl-profile-plan{grid-column:3;grid-row:1;width:36px;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:#9299a3}
.cl-profile-card .cl-profile-plan[data-plan=free] svg{filter:none;animation:none;color:#9299a3}
.cl-profile-card .cl-profile-plan[data-plan=pro]{color:#ad7a0a}
.cl-profile-card .cl-profile-portrait{position:relative;overflow:visible}
.cl-profile-card .cl-profile-portrait>.cl-social-avatar{border-radius:50%;width:100%;height:100%;object-fit:cover}
.cl-profile-online-dot{position:absolute;right:5px;bottom:6px;width:26px;height:26px;border:3px solid #fff;border-radius:50%;background:#20b77b;box-sizing:border-box}
.cl-social-dialog.cl-profile-dialog .cl-profile-gender-selector{min-width:0;margin:0;padding:14px;border:1px solid #e3e5ec;border-radius:16px;background:#fff}
.cl-profile-gender-selector legend{padding:0 6px;font-weight:650;font-size:14px;color:#404955}
.cl-profile-gender-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cl-social-dialog.cl-profile-dialog .cl-profile-gender-options button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 7px;border:1px solid #e5e7ec;border-radius:14px;background:#fff;color:#424b5b;font-size:13px;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-gender-options button:hover:not(:disabled){background:#f8f9fc;border-color:#b7c0cf;box-shadow:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-gender-options button[aria-checked=true]{background:#f3f5fb;border-color:#929eb8;box-shadow:inset 0 0 0 1px #929eb8}
.cl-profile-gender-options .cl-profile-gender-art{width:40px;height:44px}
.cl-profile-gender-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:#637084}
.cl-profile-setup-notice{margin:0;padding:10px 12px;background:#fff9e9;border:1px solid #eadbb5;border-radius:12px;color:#6a541f;font-size:13px;line-height:1.5}
/* Center the gift itself; stagger sparks by 100 ms without a JS polling loop. */
.cl-profile-card .cl-profile-share{position:relative;isolation:isolate;overflow:visible;transform:none!important}
.cl-profile-card .cl-profile-share-emoji{display:grid;place-items:center;margin:0;transform:none}
.cl-profile-card .cl-profile-share:before,.cl-profile-card .cl-profile-share:after{content:'✦';position:absolute;top:5px;left:8px;color:#d4a037;font-size:9px;opacity:0;pointer-events:none;animation:cl-gift-spark 2.4s ease-out infinite}
.cl-profile-card .cl-profile-share:after{left:auto;right:7px;top:9px;animation-delay:.1s}
@keyframes cl-gift-spark{0%,64%,100%{opacity:0;transform:translateY(0) scale(.5)}70%{opacity:.75;transform:translateY(-3px) scale(1)}87%{opacity:0;transform:translateY(-9px) scale(.6)}}
.cl-profile-radar,.cl-profile-nearby-toggle.is-active .cl-profile-radar{color:#d04851;filter:none}
.cl-profile-radar-sweep{animation-duration:3.6s;animation-timing-function:ease-in-out}
@media(max-width:460px){.cl-profile-card .cl-profile-badges,.cl-profile-card .cl-profile-badges:has(.has-art){grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.cl-profile-card .cl-profile-badges>.cl-profile-gender,.cl-profile-card .cl-profile-badges>.cl-profile-plan{width:32px}.cl-profile-card .cl-profile-badges .has-art{width:100%}.cl-profile-gender-art{width:28px;height:32px}}
@media(prefers-reduced-motion:reduce){.cl-profile-card .cl-profile-share:before,.cl-profile-card .cl-profile-share:after{animation:none;opacity:0}.cl-profile-radar-sweep{animation:none}}

/* The real account iframe lives in a modal top layer, above the profile and
   language dialogs. No copied purchase surface or z-index-only workaround. */
dialog.cl-profile-account-layer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:auto}
dialog.cl-profile-account-layer::backdrop{background:#25324766}
dialog.cl-profile-account-layer .cl-access-panel{display:flex;position:absolute;inset:0 0 0 auto;width:min(560px,100%);height:100%;min-height:0;max-height:100%;margin:0}
dialog.cl-profile-account-layer .cl-access-panel[hidden]{display:none}
.cl-profile-account-layer-close{position:absolute;inset:8px 12px auto auto;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e5e7ec;border-radius:12px;background:#fff;color:#c73549;font:26px/1 system-ui;cursor:pointer}
.cl-profile-account-layer-close:focus-visible{outline:3px solid #bf961a;outline-offset:2px}
@media(max-width:700px){body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog .cl-profile-card button.cl-profile-language-add{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:6px;row-gap:3px;min-height:56px;height:100%;text-align:left;padding:6px}.cl-profile-card .cl-profile-language-add svg{width:28px;height:20px}.cl-profile-card .cl-profile-language-add .cl-profile-language-name{font-size:11px;line-height:1.2}}
/* QA6: the full profile owns these controls; call/header rules cannot hide them. */
.cl-profile-card .cl-profile-badge-edit{grid-column:2;grid-row:1;visibility:visible;pointer-events:auto}
.cl-profile-card .cl-profile-languages{display:block;min-width:0}
.cl-profile-card .cl-profile-language-lists{width:100%;min-width:0}
.cl-profile-card .cl-profile-language img{display:block;visibility:visible;flex:none}
.cl-profile-card .cl-profile-dev-entry{justify-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border:1px solid #d8dee5;border-radius:12px;background:#f5f7f9;color:#253247;font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 2px 0 #d3dae2;transition:background .16s,transform .16s}
.cl-profile-card .cl-profile-dev-entry:hover{background:#eef1f5}
.cl-profile-card .cl-profile-dev-entry:active{transform:translateY(1px);box-shadow:0 1px 0 #d3dae2}
.cl-profile-account-layer-close:hover{background:#fff0f2;border-color:#efc0c8;color:#b62139}
.cl-profile-account-layer-close:active{background:#ffe2e7}
.cl-profile-account-layer [hidden]{display:none!important}
/* QA67: one painted close owner until the central Pro document confirms ready.
   Visibility preserves its browsing context and message/load delivery. */
dialog.cl-profile-account-layer .cl-access-panel[data-pro-close-pending]>iframe{visibility:hidden!important}
dialog.cl-profile-account-layer .cl-profile-pro-recovery{position:absolute;inset:88px 20px auto;box-sizing:border-box;max-height:calc(100% - 108px);overflow:auto;padding:20px;border:1.5px solid #17171c;border-radius:18px 22px 16px 20px;background:#fff;color:#17171c;text-align:start}
.cl-profile-pro-recovery h2{margin:0;font-size:20px;line-height:1.3}
.cl-profile-pro-recovery p{margin:12px 0 16px;font-size:15px;line-height:1.5}
.cl-profile-pro-recovery button{--sketch-button-fill:#ffd43c;--sketch-button-border:#17171c;min-height:44px;padding:8px 18px;border:1.5px solid #17171c;border-radius:12px 15px 13px 16px;background:#ffd43c;color:#17171c;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}
/* QA7: compact full profiles keep biography and actual catalogue flags in view. */
body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog{width:min(540px,calc(100vw - 24px));max-height:88dvh}
.cl-profile-card .cl-profile-hero{min-height:0;gap:12px;padding:6px 0 10px}
.cl-profile-card .cl-profile-portrait,.cl-profile-card button.cl-profile-portrait{width:96px;height:96px}
.cl-profile-card .cl-profile-badges,.cl-profile-card .cl-profile-badges:has(.has-art){grid-template-columns:36px minmax(0,300px) 36px;margin-top:8px}
.cl-profile-card .cl-profile-badges .has-art{max-width:300px}
.cl-profile-card .cl-profile-joined{margin-top:8px}
.cl-profile-card .cl-profile-biography{padding-top:12px}
.cl-profile-card .cl-profile-section-head{min-height:30px}
.cl-profile-card .cl-profile-language-group,.cl-social-dialog.cl-profile-dialog .cl-profile-language-group{padding:10px}
.cl-profile-card .cl-profile-language,.cl-profile-card .cl-profile-language-add,.cl-social-dialog.cl-profile-dialog .cl-profile-card :is(.cl-profile-language,.cl-profile-language-add){min-height:72px;padding:6px 5px}
.cl-profile-card .cl-profile-name-row{flex-wrap:nowrap;gap:8px}
.cl-profile-card .cl-profile-name-row h3{max-width:100%}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-badges .cl-profile-friend-action{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#151515;box-shadow:none;transform:none;opacity:1}
.cl-profile-card .cl-profile-friend-action svg{display:block;width:23px;height:23px;flex:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-badges .cl-profile-friend-action:hover:not(:disabled):not([data-state=friends]),.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-badges .cl-profile-friend-action:focus-visible:not([data-state=friends]){color:#dba600;background:#fff8dc;border-color:transparent;box-shadow:none;transform:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-badges .cl-profile-friend-action:active:not(:disabled):not([data-state=friends]){background:#fff0b8}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-badges .cl-profile-friend-action:disabled{opacity:.65;cursor:default}
.cl-profile-card .cl-profile-friend-action[data-state=friends]{cursor:default;pointer-events:none}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-share,.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-share:hover,.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-share:active{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;padding:0;line-height:1;transform:none!important}
.cl-profile-card .cl-profile-share-emoji{display:grid;place-items:center;width:100%;height:100%;font:24px/1 system-ui;text-align:center}
@media(max-width:700px){
 body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-hero{gap:10px;padding:4px 0 8px}
 body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-language img{display:block;visibility:visible;width:28px;height:21px;object-fit:contain}
 body.cl-guest-v2 dialog.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-language-name{white-space:normal;overflow:visible;text-overflow:clip}
 .cl-profile-card .cl-profile-badges,.cl-profile-card .cl-profile-badges:has(.has-art){grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}
}
/* QA8: gift shares the badge row; the optional server streak sits just above it. */
.cl-profile-card .cl-profile-badges{position:relative}
.cl-profile-card .cl-profile-badges.has-share,.cl-profile-card .cl-profile-badges.has-share:has(.has-art){grid-template-columns:44px 36px minmax(0,1fr) 36px 44px;gap:6px}
.cl-profile-card .cl-profile-badges.has-share:before,.cl-profile-card .cl-profile-badges.has-share:has(.has-art):before{content:'';grid-column:1;grid-row:1;width:44px}
.cl-profile-card .cl-profile-badges.has-share>.cl-profile-gender{grid-column:2}
.cl-profile-card .cl-profile-badges.has-share>.cl-profile-badge-edit,.cl-profile-card .cl-profile-badges.has-share>.cl-profile-custom-badge{grid-column:3;grid-row:1}
.cl-profile-card .cl-profile-badges.has-share>.cl-profile-plan{grid-column:4}
.cl-profile-card .cl-profile-badges>.cl-profile-share{grid-column:5;grid-row:1;align-self:center}
.cl-profile-card .cl-profile-badges>.cl-profile-actions{position:absolute;inset:auto 0 calc(100% + 5px) auto;width:44px;pointer-events:none}
.cl-profile-card .cl-profile-streak{--cl-streak-outer:#ef7431;--cl-streak-inner:#ffcf62;display:grid;justify-items:center;align-content:center;gap:1px;width:44px;min-height:43px;pointer-events:auto;outline-offset:2px}
.cl-profile-card .cl-profile-streak svg{display:block;width:27px;height:32px;overflow:visible}
.cl-profile-card .cl-profile-streak-art{display:block;width:28px;height:36px;object-fit:contain;transform-origin:50% 90%}
.cl-profile-card .cl-profile-streak[data-active=false] .cl-profile-streak-art{filter:grayscale(1) brightness(.75);opacity:1}
.cl-profile-card[data-own=false] .cl-profile-badges>.cl-profile-streak{grid-column:5;grid-row:1;display:grid;width:100%;min-width:0;padding:0;border:0;background:transparent}
.cl-profile-card .cl-profile-streak .cl-profile-streak-days{display:block;white-space:nowrap;min-width:0;text-align:center}
.cl-profile-card .cl-profile-streak{position:relative}
.cl-profile-card .cl-profile-streak-particles{position:absolute;top:12px;left:50%;width:3px;height:3px;border-radius:50%;background:#ffba35;box-shadow:-10px 6px 0 #e98830,9px 1px 0 #ffcb57}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-level,.cl-profile-card .cl-profile-level{background:#ffd858;color:#111;border:1px solid #1c2026;font-weight:750}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-level[data-level=native],.cl-profile-card .cl-profile-level[data-level=native]{background:#ff6470;color:#211216;border-color:#1c2026}
.cl-profile-streak-days{max-width:44px;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:650;line-height:1.1;color:#765b46}
.cl-profile-streak-flame{transform-origin:18px 38px;animation:cl-streak-flame 2.8s ease-in-out infinite}
.cl-profile-streak-break{display:none}.cl-profile-streak-particles{opacity:0;pointer-events:none}
.cl-profile-streak[data-active=true]:is(:hover,:focus-visible) .cl-profile-streak-particles{animation:cl-streak-particles 1.8s ease-out infinite}
.cl-profile-card .cl-profile-streak[data-active=false]{--cl-streak-outer:#8c9198;--cl-streak-inner:#b7bbc1;opacity:1}
.cl-profile-streak[data-active=false] .cl-profile-streak-flame{animation:none}.cl-profile-streak[data-active=false] .cl-profile-streak-break{display:block}.cl-profile-streak[data-active=false] .cl-profile-streak-days{color:#7c828b}
@keyframes cl-streak-flame{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(.96,1.025) rotate(1deg)}}
@keyframes cl-streak-particles{0%{opacity:0;transform:translateY(2px)}25%{opacity:.6}100%{opacity:0;transform:translateY(-8px)}}
.cl-profile-card .cl-profile-badges>.cl-profile-identity-side{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;background:none;border:0;padding:0}
.cl-profile-card .cl-profile-badges.has-share>.cl-profile-identity-side{grid-column:2}
.cl-profile-card .cl-profile-identity-side>.cl-profile-gender{display:grid;place-items:center;width:32px;height:40px;flex:none;padding:0;border:0;border-radius:10px;background:transparent}
.cl-profile-card .cl-profile-identity-side>.cl-profile-streak{width:52px;min-width:52px;min-height:50px}
.cl-profile-card .cl-profile-identity-side .cl-profile-streak-days{max-width:52px;color:#252a32;font-size:10px;font-weight:800;white-space:nowrap}
.cl-profile-card .cl-profile-streak[data-active=true] .cl-profile-streak-particles{animation:cl-streak-particles 2.6s ease-out infinite}
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side){grid-template-columns:minmax(66px,90px) minmax(0,1fr) 36px}
.cl-profile-card .cl-profile-badges.has-share:has(.cl-profile-identity-side){grid-template-columns:44px minmax(66px,90px) minmax(0,1fr) 36px 44px}
.cl-profile-card [data-profile-required]:after,.cl-profile-gender-selector legend[data-profile-required]:after{content:'*';display:inline-block;margin-inline-start:3px;color:#c93146;font:700 11px/1 system-ui;vertical-align:super;pointer-events:none}
.cl-profile-card [data-profile-required].cl-profile-portrait:after,.cl-social-dialog.cl-profile-dialog .cl-profile-card button.cl-profile-portrait[data-profile-required]:after{content:'*';position:absolute;inset:9px 13px auto auto;z-index:1;margin:0;width:auto;height:auto;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c93146;font:700 13px/1 system-ui;text-shadow:0 1px 2px #fff,1px 0 2px #fff;pointer-events:none}
.cl-profile-card .cl-profile-gender[data-profile-required]{position:relative}
.cl-profile-card .cl-profile-gender[data-profile-required]:after{position:absolute;inset:0 0 auto auto;margin:0}
.cl-social-dialog.cl-profile-dialog .cl-profile-card .cl-profile-biography .cl-profile-bio-limit[data-invalid=true]{padding:0;border:0;background:transparent;border-radius:0;font-size:11px;line-height:1.4;text-align:center;color:#a23a47}
.cl-profile-close-button{cursor:pointer;touch-action:manipulation}
.cl-profile-close-button>*{pointer-events:none}
.cl-profile-close-button .cl-profile-close-art{display:block;width:30px;height:30px;flex:none;pointer-events:none;transition:filter .16s}
.cl-profile-close-button:hover .cl-profile-close-art{filter:brightness(.94)}
@media(max-width:700px){.cl-profile-card .cl-profile-badges.has-share,.cl-profile-card .cl-profile-badges.has-share:has(.has-art){grid-template-columns:36px 74px minmax(0,1fr) 28px 36px;gap:3px}.cl-profile-card .cl-profile-identity-side{gap:2px}.cl-profile-card .cl-profile-identity-side>.cl-profile-gender{width:25px}.cl-profile-card .cl-profile-identity-side>.cl-profile-streak{width:47px;min-width:47px}}
@media(prefers-reduced-motion:reduce){.cl-profile-streak-flame,.cl-profile-streak[data-active=true] .cl-profile-streak-particles{animation:none}.cl-profile-streak-particles{opacity:0}.cl-profile-close-button .cl-profile-close-art{transition:none}}
.cl-profile-card .cl-profile-badges.has-share>.cl-profile-badge-edit,.cl-profile-card .cl-profile-badges.has-share>.cl-profile-custom-badge{justify-self:center}
.cl-profile-card .cl-profile-heading:has(.cl-profile-streak:not([hidden])) .cl-profile-name-row{padding-inline:0}
body.cl-guest-v2 .cl-access-head>button.cl-account-close,dialog.cl-profile-account-layer .cl-profile-account-layer-close{display:grid;place-items:center;box-sizing:border-box;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:6px;border:1px solid transparent;border-radius:10px;background:#fff;color:#dc354b;cursor:pointer;touch-action:manipulation;box-shadow:none;transform:none}
body.cl-guest-v2 .cl-access-head>button.cl-account-close:hover,dialog.cl-profile-account-layer .cl-profile-account-layer-close:hover{background:#fff0f2;border-color:#f6cbd2;box-shadow:none;transform:none}
body.cl-guest-v2 .cl-access-head>button.cl-account-close .cl-profile-close-art,dialog.cl-profile-account-layer .cl-profile-account-layer-close .cl-profile-close-art{display:block;width:30px;height:30px;pointer-events:none}
.cl-profile-founder-entry{display:block;margin:10px auto 0;padding:10px 18px;border:2px solid #252a32;border-radius:12px;background:#fff1bc;color:#252a32;font-weight:750;cursor:pointer}.cl-profile-founder-entry[hidden]{display:none}.cl-profile-founder-entry:hover{background:#ffe490}
/* Equal outer columns keep the badge centered under the portrait/name. The
   session-bound streak is beside (not underneath or squeezed into) gender. */
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side),
.cl-profile-card .cl-profile-badges.has-share:has(.cl-profile-identity-side){grid-template-columns:44px 36px minmax(0,1fr) 36px 44px;gap:5px}
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side):before{content:none}
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side)>.cl-profile-identity-side{grid-column:1/span 2;display:grid;grid-template-columns:44px 36px;gap:5px;align-items:center;justify-content:normal}
.cl-profile-card .cl-profile-identity-side>.cl-profile-streak{grid-column:1;grid-row:1;width:44px;min-width:0;min-height:44px}
.cl-profile-card .cl-profile-identity-side>.cl-profile-gender{grid-column:2;grid-row:1;width:36px}
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side)>:is(.cl-profile-badge-edit,.cl-profile-custom-badge){grid-column:3;grid-row:1;justify-self:center}
.cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side)>.cl-profile-plan{grid-column:4;grid-row:1}
.cl-profile-card .cl-profile-streak-days{font-weight:800;color:#252a32}
.cl-profile-card .cl-profile-identity-side .cl-profile-streak[data-active=false] .cl-profile-streak-days{color:#70757d}
.cl-profile-card .cl-profile-streak[data-active=false] .cl-profile-streak-particles{animation:none;opacity:0}
.cl-social-dialog.cl-profile-dialog .cl-social-head>.cl-profile-close{border-radius:0!important;clip-path:none!important;pointer-events:auto!important;position:relative;z-index:2}
@media(max-width:700px){
 .cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side),.cl-profile-card .cl-profile-badges.has-share:has(.cl-profile-identity-side){grid-template-columns:36px 28px minmax(0,1fr) 28px 36px;gap:3px}
 .cl-profile-card .cl-profile-badges:has(.cl-profile-identity-side)>.cl-profile-identity-side{grid-template-columns:36px 28px;gap:3px}
 .cl-profile-card .cl-profile-identity-side>.cl-profile-streak{width:36px;min-width:0}
 .cl-profile-card .cl-profile-identity-side>.cl-profile-gender{width:28px}
}

/* QA62 standalone peer cards use the same three anchors as Sketch Pop. */
.cl-profile-card[data-own=false][data-has-badge=false] .cl-profile-badges:has(.cl-profile-identity-side){grid-template-columns:repeat(3,minmax(0,1fr));direction:ltr}
.cl-profile-card[data-own=false][data-has-badge=false] .cl-profile-badges>.cl-profile-identity-side{grid-column:1;grid-row:1;justify-self:start}
.cl-profile-card[data-own=false][data-has-badge=false] .cl-profile-badges>.cl-profile-plan{grid-column:2;grid-row:1;justify-self:center}
.cl-profile-card[data-own=false][data-has-badge=false] .cl-profile-badges>.cl-profile-friend-action{grid-column:3;grid-row:1;justify-self:end}
.cl-profile-card .cl-profile-friend-action .cl-profile-friend-art{width:40px;height:40px}