.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.shared-site-header{position:sticky;top:0;z-index:100;display:block;width:100vw;margin:-30px 0 0 calc(50% - 50vw);padding:0;background:#f4f6f8;box-shadow:0 2px 8px #17202a12}
.shared-site-header .brand{width:100%;max-width:none;height:54px;min-height:54px;margin:0;padding:1px 24px}
.shared-site-header .brand-logo{width:min(164px,46vw)}
.brand-identity{display:flex;align-items:center;gap:8px;min-width:0}
.brand-identity>a{flex:0 1 auto}
@media(max-width:400px){.shared-site-header .brand-logo{width:min(116px,36vw)}}
@media(max-width:560px){.shared-site-header .brand{padding-right:12px;padding-left:12px}}
.shared-site-header .brand .online-badge{font-size:0;gap:0}
.shared-site-header .brand .online-badge i{margin-right:7px}
.shared-site-header .brand .online-badge b{font-size:12px}
main>header.brand{display:none}
.online-badge{display:inline-flex;align-items:center;gap:7px;padding:3px 8px 3px 6px;border:1px solid #c8c8c8;border-radius:999px;color:#555;background:transparent;font-size:12px;font-weight:600;white-space:nowrap}
.brand .online-badge{margin-left:0;padding:3px 8px 3px 6px;background:transparent;color:#555;font-size:12px;font-weight:600}
.online-badge i{width:7px;height:7px;border-radius:50%;background:#18c964;box-shadow:0 0 0 2px #18c96433}
.online-badge b{font-size:12px;line-height:inherit}
.username-input{display:flex;align-items:stretch;gap:8px}
.username-input input{min-width:0;flex:1}
.username-input button{flex:0 0 auto;margin:6px 0 0}
.account-button{display:grid;place-items:center;width:38px;height:38px;padding:7px;margin:0;border:1px solid #d5dfdc;border-radius:50%;background:#fff;color:#126b61}
.account-button{text-decoration:none}
.account-button:hover,.account-button[aria-expanded=true]{background:#e8f0ed}
.account-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-panel{position:absolute;z-index:10;top:78px;right:max(16px,calc((100vw - 820px)/2 + 16px));width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow:auto;padding:18px;background:#fff;border:1px solid #d5dfdc;border-radius:10px;box-shadow:0 12px 32px #17202a24}
.account-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.account-panel-heading h2{margin:0;font-size:18px}
.account-tabs{display:flex;gap:4px;margin:12px 0 16px;border-bottom:1px solid #e1e8e4}
.account-tab{margin:0;padding:9px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#69766f}
.account-tab[aria-selected="true"]{border-bottom-color:#126b61;color:#17202a;font-weight:650}
.account-tab:hover:not(:disabled){background:#f4f6f8}
.account-tab-panel[hidden]{display:none}
.account-score{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:12px 0;border-bottom:1px solid #e1e8e4}
.account-score-value{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.account-score-main{display:flex;align-items:baseline;gap:10px}
.account-score strong{font-size:24px;line-height:1}
.account-inline-action{appearance:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#126b61;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}
.account-inline-action:hover{text-decoration-thickness:2px}
.score-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:12px;background:#f4f6f8;border-radius:6px}
.score-breakdown[hidden]{display:none}
.score-breakdown div{min-width:0}
.score-breakdown dt{color:#6b746f;font-size:12px}
.score-breakdown dd{margin:3px 0 0;font-weight:650}
.score-meter{display:none!important}
.score-icon{display:block;flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.score-streak-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;width:max-content;margin:0;padding:5px 8px;border:1px solid #c8d4ce;border-radius:999px;background:#f3f8f5;color:#205b50;line-height:1;white-space:nowrap}
.account-score-item{display:flex;align-items:center;flex-direction:column;gap:4px}
.account-score-caption{font-size:10px;font-weight:650;line-height:1.1}
.score-streak-value{display:grid;grid-template-columns:14px auto;align-items:center;justify-items:center;column-gap:4px;row-gap:3px;font-size:11px;font-weight:700}
.score-streak-value>svg{display:block;grid-row:1;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.score-streak-value>strong{grid-row:1;font-size:12px}
.score-streak-value>strong[data-band="low"]{color:#bd4b46}
.score-streak-value>strong[data-band="mid"]{color:#ad751b}
.score-streak-value>strong[data-band="high"]{color:#21845c}
.score-streak-divider{width:1px;height:18px;background:currentColor;opacity:.25}
.score-streak-streak{display:flex;align-items:center;gap:4px;font-size:12px}
.score-streak-streak svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.peer-country{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding-left:6px;border-left:1px solid currentColor;font-weight:500}
.peer-country-flag{font-size:14px;line-height:1}
.peer-country-name{max-width:104px;overflow:hidden;text-overflow:ellipsis}
.peer-heading{align-items:flex-start;flex-direction:column;gap:7px}
.peer-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;max-width:100%}
#peerAgeBadge,.participant-preview .age-badge{flex-wrap:wrap;white-space:normal}
.account-panel .close-account{width:32px;height:32px;padding:0;background:#eef4f1;color:#33433c;font-size:22px}
.account-panel form label{margin:12px 0}
.account-panel input[readonly]{background:#f0f3f2;color:#58645f}
.account-actions{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #e1e8e4}
.account-actions .delete-account{background:#9d302b}
#profileStatus{min-height:1.2em;color:#126b61;font-size:13px}
.account-load-status{margin:6px 0;color:#b91c1c;font-size:13px}
@media(max-width:520px){.account-panel{top:70px;right:12px}.online-badge{padding:2px 7px 2px 5px}}
.account-page .account-panel{position:static;width:min(600px,100%);max-height:none;margin:28px auto;overflow:visible}
.account-page .account-tab-panel>form{padding-top:14px;border-top:1px solid #e1e8e4}
.account-page .account-panel h2,.account-page .account-panel h3{margin:0 0 12px}
.account-page .account-panel .account-actions{margin-top:16px}
.account-page .account-panel-heading h1{margin:0;font-size:22px}
.account-identity{display:flex;gap:26px;margin:12px 0 18px;padding:0 0 16px;border-bottom:1px solid #e1e8e4}
.account-identity div,.account-details div{min-width:0}
.account-identity dt,.account-details dt{margin-bottom:4px;color:#6b746f;font-size:12px;font-weight:650}
.account-identity dd,.account-details dd{margin:0;overflow-wrap:anywhere;font-size:15px;font-weight:600}
.participant-view-action{align-self:center;margin-left:auto;text-align:right}
.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0 0 20px}
.account-details dd{display:flex;align-items:center;gap:8px;font-weight:500}
.country-flag{font-size:20px;line-height:1}
.privacy-note{margin:4px 0;color:#69766f;font-size:13px;line-height:1.4}
.account-preferences{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #e1e8e4}
.account-page .account-preferences h2{margin:0;font-size:16px}
.account-page .message-sound-setting{display:flex;align-items:center;gap:9px;margin:10px 0 4px;font-size:14px;font-weight:550}
.account-page .message-sound-setting input{display:block;flex:0 0 16px;width:16px;height:16px;margin:0;padding:0}
.legal-consent{display:flex;align-items:flex-start;gap:9px;margin:14px 0}
.legal-consent>input{display:block;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0}
.legal-consent>label{margin:0;font-size:13px;font-weight:450;line-height:1.45}
.legal-consent a{color:#126b61;text-underline-offset:2px}
.account-page .account-tab-panel>form{margin:0}
.account-page .account-tab-panel>form label{margin:8px 0 0}
.account-page .account-tab-panel>form h2{margin:0;font-size:16px}
.account-page textarea{display:block;width:100%;min-height:82px;resize:vertical;padding:10px;border:1px solid #ccd3da;border-radius:8px;font:inherit}
.visibility-control{display:flex;align-items:center;gap:8px;margin:4px 0 12px}
.visibility-control input{flex:0 0 auto;width:16px;height:16px;margin:0}
.visibility-control label{margin:0!important;font-size:13px;font-weight:500}
.field-hint{margin:4px 0;color:#69766f;font-size:12px}
.field-error{color:#b91c1c}
.peer-profile-details{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px 8px;margin:8px 0 10px;color:#46534d}
.peer-profile-detail{margin:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.peer-profile-bio{flex:0 0 100%;max-width:640px}
.peer-profile-icon{display:inline-block;width:15px;height:15px;margin-right:3px;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.participant-preview{width:min(420px,calc(100vw - 32px));margin:auto;padding:20px;border:1px solid #d5dfdc;border-radius:8px;background:#fff;color:#17202a;box-shadow:0 20px 60px #0004}
.participant-preview::backdrop{background:#10181780}
.participant-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.participant-preview-heading h2{margin:0;font-size:18px}
.participant-preview-heading button{width:32px;height:32px;margin:0;padding:0;font-size:22px}
.participant-preview-content{margin-top:20px;padding:16px;border-radius:8px;background:#f4f6f8}
.participant-preview-content>.top{justify-content:flex-start}
.participant-preview-content .peer-profile-details{margin-top:12px;padding-top:10px;border-top:1px solid #d5dfdc}
.account-page .account-panel-heading .back-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #d5dfdc;border-radius:6px;background:#fff;color:#126b61;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}
.account-page .account-panel-heading .back-link:hover{background:#f4f6f8}
html[data-theme="dark"] .account-tabs{border-color:#383838}
html[data-theme="dark"] .shared-site-header{background:#000;box-shadow:0 2px 8px #0008}
html[data-theme="dark"] .account-tab{color:#aaa}
html[data-theme="dark"] .account-tab[aria-selected="true"]{border-bottom-color:#ddd;color:#eee}
html[data-theme="dark"] .account-tab:hover:not(:disabled){background:#1d1d1d}
html[data-theme="dark"] .account-page .account-tab-panel>form{border-color:#383838}
html[data-theme="dark"] .account-identity{border-color:#383838}
html[data-theme="dark"] .account-identity dt,html[data-theme="dark"] .account-details dt{color:#aaa}
html[data-theme="dark"] .account-score{border-color:#383838}
html[data-theme="dark"] .account-preferences{border-color:#383838}
html[data-theme="dark"] .account-inline-action{color:#ddd}
html[data-theme="dark"] .score-breakdown{background:#1d1d1d}
html[data-theme="dark"] .score-breakdown dt{color:#aaa}
html[data-theme="dark"] .score-streak-value>strong[data-band="low"]{color:#f08278}
html[data-theme="dark"] .score-streak-value>strong[data-band="mid"]{color:#e8b95c}
html[data-theme="dark"] .score-streak-value>strong[data-band="high"]{color:#77d69e}
html[data-theme="dark"] .score-streak-badge{border-color:#444;background:#1d2923;color:#c6e7d2}
html[data-theme="dark"] .field-hint,html[data-theme="dark"] .peer-profile-details{color:#aaa}
html[data-theme="dark"] .account-page textarea{background:#090909;border-color:#444;color:#eee}
html[data-theme="dark"] .participant-preview-content .peer-profile-details{border-color:#444}
html[data-theme="dark"] .privacy-note{color:#aaa}
html[data-theme="dark"] .legal-consent a{color:#ddd}
html[data-theme="dark"] .participant-preview{border-color:#444;background:#111;color:#eee}
html[data-theme="dark"] .participant-preview-content{background:#1d1d1d}
html[data-theme="dark"] .account-page .account-panel-heading .back-link{border-color:#444;background:#111;color:#ddd}
html[data-theme="dark"] .account-page .account-panel-heading .back-link:hover{background:#292929}
@media(max-width:520px){.account-identity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-identity div:last-child{grid-column:1/-1}.account-details{grid-template-columns:1fr}.username-input{align-items:flex-start;flex-direction:column}.username-input button{margin:0}.peer-country-name{max-width:68px}}