/* CS.COM.RU account stylesheet. Load after native component CSS and target theme CSS. */

/* Native account/community chrome adaptation */
/* Account and community surfaces share the homepage palette and typography. */
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.friend-widgets,.activity-rating-card,.profile-completeness-card,.site-notifications-page) {
    --co-cyan:var(--csacc-accent);
    --co-ink:var(--csacc-text);
    --co-muted:var(--csacc-muted);
    --co-line:var(--csacc-line);
    color:var(--csacc-text);
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.friend-widgets,.activity-rating-card,.profile-completeness-card,.site-notifications-page) :is(h1,h2,h3,h4,button,input,select,textarea,summary,label) {
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.friend-widgets,.activity-rating-card,.profile-completeness-card,.site-notifications-page) :is(h1,h2,h3,h4) {
    color:var(--csacc-text);
    font-weight:700;
    letter-spacing:-.035em;
}
body.cscom-account-page .pa-account-heading h1 {
    font-family:var(--csacc-font);
    font-size:clamp(29px,3.2vw,43px);
    line-height:1.12;
    font-weight:750;
}
body.cscom-account-page :is(.pa-account-heading p,.community-page-heading p,.community-account-intro p,.community-profile-title p,.community-sidebar p,.community-muted,.pa-help,.pa-password-recovery p) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.pa-account,.community) .eyebrow {
    color:var(--csacc-muted);
    font-size:10px;
    letter-spacing:.14em;
    font-weight:700;
}
body.cscom-account-page :is(.pa-account,.community) .accent-dot {
    color:var(--csacc-accent);
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.friend-widgets,.profile-photo-page,.activity-rating-card,.profile-completeness-card,.site-notifications-page) :focus-visible {
    outline:2px solid var(--csacc-accent);
    outline-offset:3px;
}

/* Neutral cards and dividers, including account data and nested panels. */
body.cscom-account-page :is(.pa-profile-card,.pa-account-sidebar,.pa-account-panel,.community-card,.community-post,.community-profile-head,.friend-widget,.friend-directory,.activity-rating-card,.profile-completeness-card,.profile-photo-info,.site-notifications-all,.site-notification-card) {
    background:var(--csacc-panel)!important;
    color:var(--csacc-text)!important;
    border-color:var(--csacc-line)!important;
    border-radius:14px;
    box-shadow:none;
}
body.cscom-account-page .pa-account-sidebar {
    padding:24px 20px;
}
body.cscom-account-page :is(.pa-account-panel,.community-card) {
    padding:24px;
}
body.cscom-account-page .community-profile-head {
    padding:28px;
}
body.cscom-account-page .community-profile-head::after {
    display:none;
}
body.cscom-account-page :is(.pa-panel-heading,.community-post-head,.community-chat-head) {
    background:transparent!important;
    color:var(--csacc-text)!important;
    border-color:var(--csacc-line)!important;
}
body.cscom-account-page :is(.pa-sidebar-details,.pa-sidebar-catalog,.pa-account-links,.pa-password-recovery,.community-tabs,.community-post-reactions,.community-conversation-row,.community-search-results>div,.community-settings fieldset,.friend-tabs,.friend-more,.friend-card,.profile-album-settings form+form,.profile-photo-move,.profile-photo-actions,.activity-rating-details,.activity-rating-explanation,.site-notifications-item,.site-notifications-panel>header,.site-notifications-more,.site-notifications-read,.pa-privacy-field,.community-video-seo-heading,.community-photo-dialog-discussion) {
    border-color:var(--csacc-line)!important;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.friend-widgets,.activity-rating-card,.site-notifications-page) hr {
    height:0;
    border:0;
    border-top:1px solid var(--csacc-line);
    opacity:1;
}
body.cscom-account-page :is(.pa-profile-card h2,.pa-account-panel h2,.community-empty h2,.community-empty h3,.friend-widget h2,.friend-directory-empty h2,.activity-rating-head h2) {
    font-family:var(--csacc-font);
    color:var(--csacc-text);
    font-weight:700;
}
body.cscom-account-page :is(.pa-account-panel h2,.community-account-intro h2) {
    font-size:21px;
    line-height:1.3;
}
body.cscom-account-page :is(.pa-account-panel>p,.pa-panel-heading p,.community-empty p,.friend-directory-empty p,.friend-empty,.friend-state,.profile-album-description,.profile-album small,.profile-photo-author small,.profile-photo-avatar-choice small,.activity-rating-head p,.activity-rating-explanation,.activity-rating-metrics dt,.site-notifications-item p,.site-notifications-item time,.site-notifications-status) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.pa-sidebar-details>summary,.pa-sidebar-catalog,.pa-account-links>a,.community-link,.community-text-button,.community-back,.profile-photo-breadcrumb a,.profile-photo-upload>summary,.profile-photo-editor>summary,.profile-album-create>summary,.profile-album-settings>summary,.friend-more,.activity-rating-details summary,.site-notifications-item-title,.site-notifications-more) {
    color:var(--csacc-accent);
}
body.cscom-account-page :is(.pa-account-data dd,.community-profile-title .community-bio,.community-post-head strong,.community-post-body,.community-post-author>span,.friend-name>a,.friend-name>strong,.activity-rating-score strong,.activity-rating-metrics dd,.site-notifications-panel h2,.site-notifications-item-title) {
    color:var(--csacc-text);
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.pa-account-data dt,.community-post-date,.community-conversation small,.community-search-results small,.community-message footer,.community-post-views,.friend-name>small,.profile-photo-breadcrumb,.profile-photo-caption,.community-video-field-count,.community-video-description p,.site-notifications-read) {
    color:var(--csacc-muted);
    font-family:var(--csacc-font);
}
body.cscom-account-page .pa-account-data {
    margin:18px 0;
}
body.cscom-account-page .pa-account-data>div+div {
    border-top:1px solid var(--csacc-line);
    padding-top:12px;
    margin-top:12px;
}
body.cscom-account-page .pa-account-data dd {
    font-weight:500;
    line-height:1.7;
}

/* Navigation and badges use warm accents without blue-tinted backgrounds. */
body.cscom-account-page .pa-account-nav {
    background:transparent!important;
    border-color:var(--csacc-line)!important;
}
body.cscom-account-page :is(.pa-account-nav>a,.community-tabs a,.friend-tabs>a) {
    color:#b8bdc6!important;
    border-color:transparent!important;
    border-radius:8px;
    background:transparent!important;
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page :is(.pa-account-nav>a,.community-tabs a,.friend-tabs>a):hover {
    color:var(--csacc-text)!important;
    background:var(--csacc-raised)!important;
}
body.cscom-account-page :is(.pa-account-nav>a[aria-current="page"],.community-tabs a[aria-current="page"],.friend-tabs>a[aria-current="page"]) {
    background:#ff752f14!important;
    color:var(--csacc-accent)!important;
    border-color:#ff752f40!important;
}
body.cscom-account-page :is(.pa-account-nav .pa-nav-icon,.pa-community-account .pa-nav-icon,.pa-account-nav .icon) {
    color:var(--csacc-muted);
}
body.cscom-account-page .pa-account-nav>a[aria-current="page"] :is(.pa-nav-icon,.icon) {
    color:var(--csacc-accent);
}
body.cscom-account-page :is(.pa-group,.community-group,.community-unread,.friend-incoming,.activity-rating-level,.profile-photo-badge,.site-notifications-badge) {
    color:var(--csacc-accent)!important;
    background:#ff752f14!important;
    border-color:#ff752f40!important;
    border-radius:8px;
    font-family:var(--csacc-font);
    box-shadow:none;
}
body.cscom-account-page .pa-unverified {
    background:#ff752f14;
    color:var(--csacc-accent);
    border-radius:8px;
}
body.cscom-account-page :is(.pa-panel-icon,.activity-rating-symbol,.friend-add,.community-avatar,.friend-avatar,.profile-album-cover) {
    color:var(--csacc-accent)!important;
    background:var(--csacc-raised)!important;
    border-color:var(--csacc-line)!important;
    box-shadow:none;
    font-family:var(--csacc-font);
}
body.cscom-account-page .pa-panel-icon {
    border:1px solid var(--csacc-line);
    border-radius:10px;
}
body.cscom-account-page :is(.community-avatar,.friend-avatar,.avatar-menu-trigger) {
    border-radius:10px;
}
body.cscom-account-page .friend-presence {
    color:var(--csacc-muted);
    font-family:var(--csacc-font);
}
body.cscom-account-page .friend-presence[data-presence-state="online"] {
    color:#88c4a3;
}
body.cscom-account-page .friend-presence[data-presence-state="online"] i {
    background:#7bbd95;
    box-shadow:0 0 0 3px #7bbd9518;
}
body.cscom-account-page :is(.friend-widget h2 span,.community-album p,.community-copy-feedback) {
    color:var(--csacc-accent);
}

/* Form fields match the homepage's restrained controls. */
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),textarea,select) {
    color:var(--csacc-text)!important;
    background-color:var(--csacc-bg)!important;
    border-color:var(--csacc-line)!important;
    border-radius:10px;
    font-family:var(--csacc-font);
    font-weight:400;
    box-shadow:none;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input,textarea)::placeholder {
    color:#808793;
    opacity:1;
    font-weight:400;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input,textarea,select):focus {
    border-color:var(--csacc-accent)!important;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input,textarea,select)[aria-invalid="true"] {
    border-color:#d68078!important;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input,textarea):autofill {
    color:var(--csacc-text)!important;
    background-color:var(--csacc-bg)!important;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input,textarea):-webkit-autofill {
    -webkit-text-fill-color:var(--csacc-text);
    caret-color:var(--csacc-text);
    box-shadow:0 0 0 1000px var(--csacc-bg) inset;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(input[type="checkbox"],input[type="radio"],input[type="range"],progress) {
    accent-color:var(--csacc-accent);
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) :is(label,legend,.pa-field>label,.profile-photo-effects>legend) {
    color:#c9cdd4;
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) select {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff752f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 13px center;
    appearance:none;
    padding-right:38px;
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) input[type="file"] {
    color:var(--csacc-muted);
    border-color:var(--csacc-line);
    background:var(--csacc-bg);
    border-radius:10px;
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.pa-account,.community,.friend-directory,.profile-photo-page) input[type="file"]::file-selector-button {
    border:0;
    border-right:1px solid var(--csacc-line);
    background:var(--csacc-raised);
    color:var(--csacc-text);
    border-radius:0;
    padding:10px 12px;
    margin-right:12px;
    font:inherit;
}
body.cscom-account-page :is(.pa-account,.community) :is(.button,.pa-vk-button,.pa-yandex-button,.pa-mobile-menu-toggle) {
    border-radius:8px;
    font-family:var(--csacc-font);
    font-weight:600;
    box-shadow:none;
}
body.cscom-account-page :is(.pa-account,.community) :is(.button-primary,.pa-submit) {
    color:#15171b!important;
    background:var(--csacc-accent)!important;
    border-color:var(--csacc-accent)!important;
}
body.cscom-account-page :is(.pa-account,.community) :is(.button-primary,.pa-submit):hover {
    background:var(--csacc-accent-hover)!important;
    border-color:var(--csacc-accent-hover)!important;
    box-shadow:none;
}
body.cscom-account-page :is(.pa-account,.community) :is(.button-outline,.pa-vk-button,.pa-yandex-button,.pa-mobile-menu-toggle) {
    background:var(--csacc-raised)!important;
    color:var(--csacc-text)!important;
    border-color:var(--csacc-line)!important;
}
body.cscom-account-page .pa-account-heading .pa-account-logout {
    color:var(--csacc-text)!important;
    -webkit-text-fill-color:currentColor;
    background:var(--csacc-raised)!important;
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page :is(.pa-account,.community) :is(.button-outline,.pa-vk-button,.pa-yandex-button,.pa-mobile-menu-toggle):hover {
    background:#2b3038!important;
    border-color:#464b55!important;
}
body.cscom-account-page .pa-password-toggle {
    color:var(--csacc-muted);
}
body.cscom-account-page .pa-password-toggle:hover,
body.cscom-account-page .pa-password-toggle[aria-pressed="true"] {
    color:var(--csacc-accent);
    background:var(--csacc-raised);
}
body.cscom-account-page :is(.pa-vk-unavailable,.pa-yandex-unavailable) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.pa-vk-unavailable,.pa-yandex-unavailable) :is(.pa-vk-mark,.pa-yandex-mark) {
    background:var(--csacc-raised);
    color:var(--csacc-muted);
}

/* Privacy settings and account progress retain meaningful status colors. */
body.cscom-account-page :is(.pa-privacy-intro,.pa-privacy-note,.profile-completeness-tip,.community-video-search-privacy) {
    background:var(--csacc-raised)!important;
    color:#b7bdc7!important;
    border-color:var(--csacc-line)!important;
    border-radius:10px;
}
body.cscom-account-page .pa-privacy-intro>.icon {
    color:var(--csacc-accent);
}
body.cscom-account-page .pa-privacy-field label {
    color:var(--csacc-text);
}
body.cscom-account-page :is(.pa-privacy-field p,.pa-privacy-save p,.pa-privacy-note) {
    color:var(--csacc-muted);
}
body.cscom-account-page .pa-privacy .pa-privacy-control select {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff752f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    color:var(--csacc-text);
    font-family:var(--csacc-font);
    font-weight:400;
}
body.cscom-account-page .pa-privacy .pa-privacy-control select:focus-visible {
    outline:2px solid var(--csacc-accent);
    border-color:var(--csacc-accent);
}
body.cscom-account-page :is(.pa-verified,.pa-notice-success) {
    color:#8bc8a7;
}
body.cscom-account-page :is(.pa-error,.community-form-error) {
    color:#ed9b94;
}
body.cscom-account-page :is(.community,.pa-account) :is(.community-chat-delete,.community-post-delete,.community-order-remove,.profile-photo-delete>summary,.profile-album-delete,.avatar-menu-danger) {
    color:#ed9b94;
}
body.cscom-account-page .profile-completeness-card :is(h2,strong) {
    color:var(--csacc-text);
    font-family:var(--csacc-font);
}
body.cscom-account-page .profile-completeness-card :is(p,small) {
    color:var(--csacc-muted);
}
body.cscom-account-page .profile-completeness-card a {
    color:var(--csacc-accent);
}
body.cscom-account-page .profile-completeness-head>strong {
    color:var(--csacc-accent);
}
body.cscom-account-page .profile-completeness-list>a {
    color:#b7bdc7;
    background:var(--csacc-raised);
    border-color:var(--csacc-line);
    border-radius:8px;
}
body.cscom-account-page .profile-completeness-list>a:hover {
    color:var(--csacc-text);
    background:#2b3038;
    border-color:#464b55;
}
body.cscom-account-page .profile-completeness-list .is-complete {
    color:#8bc8a7;
}
body.cscom-account-page .profile-completeness-list small {
    color:var(--csacc-muted);
}
body.cscom-account-page .profile-completeness-list>a:focus-visible {
    outline-color:var(--csacc-accent);
}
body.cscom-account-page .community .profile-completeness-progress,
body.cscom-account-page .profile-completeness-progress {
    background:var(--csacc-raised);
    accent-color:var(--csacc-accent);
}
body.cscom-account-page .profile-completeness-progress::-webkit-progress-bar {
    background:var(--csacc-raised);
}
body.cscom-account-page .profile-completeness-progress::-webkit-progress-value {
    background:var(--csacc-accent);
}
body.cscom-account-page .profile-completeness-progress::-moz-progress-bar {
    background:var(--csacc-accent);
}
body.cscom-account-page .activity-rating-card {
    --rating-line:var(--csacc-line);
    --rating-accent:var(--csacc-accent);
}
body.cscom-account-page .activity-rating-stars svg {
    fill:#424751;
}
body.cscom-account-page .activity-rating-stars svg.is-earned {
    fill:var(--csacc-accent);
}
body.cscom-account-page :is(.activity-rating-head p,.activity-rating-score span,.activity-rating-level,.activity-rating-metrics dt) {
    font-family:var(--csacc-font);
}
body.cscom-account-page .activity-rating-score span {
    color:var(--csacc-muted);
}

/* Friends, photo albums and menus. Photos themselves are left untouched. */
body.cscom-account-page .friend-button {
    border-radius:8px;
    color:var(--csacc-text);
    border-color:var(--csacc-line);
    background:var(--csacc-raised);
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page .friend-button:hover {
    color:var(--csacc-accent);
    background:#2b3038;
    border-color:#464b55;
}
body.cscom-account-page .friend-button-primary {
    background:var(--csacc-accent);
    border-color:var(--csacc-accent);
    color:#15171b;
}
body.cscom-account-page .friend-button-primary:hover {
    background:var(--csacc-accent-hover);
    border-color:var(--csacc-accent-hover);
    color:#15171b;
}
body.cscom-account-page .friend-button-quiet {
    color:var(--csacc-muted);
    background:transparent;
}
body.cscom-account-page .friend-card-compact .friend-button-quiet.friend-icon-action {
    background:var(--csacc-raised);
    color:var(--csacc-muted);
    border-color:var(--csacc-line);
    border-radius:8px;
}
body.cscom-account-page .friend-card-compact .friend-button-quiet.friend-icon-action:hover {
    color:var(--csacc-accent);
    border-color:#464b55;
    background:#2b3038;
}
body.cscom-account-page :is(.friend-directory-empty>.icon,.friend-name>a:hover) {
    color:var(--csacc-accent);
}
body.cscom-account-page :is(.profile-album,.profile-photo-tile,.profile-upload-card,.community-order-item,.profile-photo-delete form,.profile-album-settings,.profile-photo-effects) {
    border-color:var(--csacc-line);
    border-radius:10px;
    background:var(--csacc-panel);
    color:var(--csacc-text);
}
body.cscom-account-page :is(.profile-album:hover,.profile-album[aria-current="page"],.community-order-item.is-drop-target) {
    border-color:var(--csacc-accent);
    background:var(--csacc-raised);
}
body.cscom-account-page :is(.profile-album p,.profile-photo-delete p,.profile-album-description,.profile-photo-rotate>span,.community-order-name) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.profile-photo-stage,.profile-photo-preview,.community-photo-dialog-stage,.community-photo-preview,.community-wall-cover-preview,.community-order-preview) {
    background:var(--csacc-bg)!important;
    border-color:var(--csacc-line)!important;
    border-radius:10px;
}
body.cscom-account-page :is(.profile-photo-effect-options label>span,.community-video-format label,.community-attach,.community-order-actions>button,.community-order-replace) {
    background:var(--csacc-raised)!important;
    color:#b7bdc7!important;
    border-color:var(--csacc-line)!important;
    border-radius:8px;
}
body.cscom-account-page :is(.profile-photo-effect-options input:checked+span,.community-video-format label:has(input:checked),.community-video-sources button[aria-selected="true"]) {
    color:var(--csacc-accent)!important;
    background:#ff752f14!important;
    border-color:#ff752f40!important;
}
body.cscom-account-page :is(.community-photo-edit,.community-photo-compose-edit,.profile-upload-remove,.community-video-expand) {
    background:var(--csacc-raised);
    color:var(--csacc-text);
    border-color:var(--csacc-line);
    border-radius:8px;
}
body.cscom-account-page :is(.avatar-menu-panel,.avatar-delete-dialog,.community-post-menu-panel,.community-video-options,.community-video-sources,.community-photo-dialog,.friend-manage>form,.community-wall-cover,.community-video-search-preview) {
    background:var(--csacc-panel)!important;
    color:var(--csacc-text)!important;
    border-color:var(--csacc-line)!important;
    border-radius:14px;
    box-shadow:0 16px 44px #0005;
}
body.cscom-account-page :is(.avatar-menu-panel>a,.avatar-menu-panel>button,.avatar-menu-vk-refresh>button,.community-post-menu-panel>a,.community-post-menu-panel>button,.community-post-menu-panel>form>button,.community-post-editor>summary,.community-video-sources button) {
    color:#c9cdd4;
    background:transparent;
    border-color:var(--csacc-line);
    border-radius:8px;
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.avatar-menu-panel>a,.avatar-menu-panel>button,.avatar-menu-vk-refresh>button,.community-post-menu-panel>a,.community-post-menu-panel>button,.community-post-menu-panel>form>button,.community-post-editor>summary,.community-video-sources button):hover {
    color:var(--csacc-accent);
    background:var(--csacc-raised);
}
body.cscom-account-page :is(.avatar-menu-panel .avatar-menu-danger,.avatar-menu-panel .avatar-menu-danger svg,.community-post-menu .community-post-delete) {
    color:#ed9b94;
}
body.cscom-account-page :is(.avatar-delete-dialog h2,.community-video-search-preview strong,.community-video-search-site) {
    color:var(--csacc-text);
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.avatar-delete-dialog p,.avatar-menu-hint,.community-video-search-url,.community-video-search-preview p) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.community-photo-dialog-close,.community-photo-dialog-arrow,.community-post-menu>summary,.community-post-action) {
    background:var(--csacc-raised)!important;
    color:#b7bdc7!important;
    border-color:var(--csacc-line)!important;
    border-radius:8px;
}
body.cscom-account-page :is(.community-post-action:hover,.community-post-action[aria-expanded="true"],.community-post-menu>summary:hover,.community-post-menu[open]>summary) {
    color:var(--csacc-accent)!important;
    background:#ff752f14!important;
    border-color:#ff752f40!important;
}
body.cscom-account-page .community-photo-dialog::backdrop,
body.cscom-account-page .avatar-delete-dialog::backdrop {
    background:#080a0de0;
}

/* Wall comments and their rich editor inherit the same neutral chrome. */
body.cscom-account-page :is(.community,.pa-account) :is(.pb-comments,.cm-thread-heading,.cm-sort,.cm-editor-note) {
    color:var(--csacc-muted);
    border-color:var(--csacc-line);
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-item,.cm-empty,.cm-login,.cm-compose,.cm-compose-reply,.cm-delete form,.cm-edit>form,.cm-rich-compact .pc-visual-wrap) {
    background:var(--csacc-panel)!important;
    color:#c9cdd4!important;
    border-color:var(--csacc-line)!important;
    border-radius:10px;
    box-shadow:none;
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-thread-heading h2,.cm-compose-heading h3,.cm-empty h2,.cm-empty h3,.cm-login h3,.cm-author a) {
    color:var(--csacc-text);
    font-family:var(--csacc-font);
    font-weight:700;
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-date,.cm-parent,.cm-empty p,.cm-login p,.cm-readonly,.cm-compose-heading p,.cm-editor-note,.cm-count,.cm-edit-footer p,.cm-compose-footer p) {
    color:var(--csacc-muted);
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-body,.pc-visual-input) {
    color:#c9cdd4;
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-text-button,.cm-edit>summary,.cm-parent a,.cm-body a,.cm-author a:hover) {
    color:var(--csacc-accent);
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-avatar,.cm-reply-hint,.cm-body blockquote) {
    color:#b7bdc7!important;
    background:var(--csacc-raised)!important;
    border-color:var(--csacc-line)!important;
    border-radius:8px;
}
body.cscom-account-page :is(.community,.pa-account) .cm-own {
    background:#ff752f14!important;
    border-color:#ff752f40!important;
    color:var(--csacc-accent)!important;
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-send-button,.cm-send-button:hover) {
    color:#15171b;
    background:var(--csacc-accent);
    border-color:var(--csacc-accent);
    border-radius:8px;
}
body.cscom-account-page :is(.community,.pa-account) :is(.cm-delete>summary,.cm-delete-button) {
    color:#ed9b94;
}
body.cscom-account-page :is(.community,.pa-account) .cm-status-approved {
    color:#8bc8a7;
}
body.cscom-account-page :is(.community,.pa-account) .cm-status-rejected {
    color:#ed9b94;
}

/* Notifications: keep unread state distinct without light cyan rows. */
body.cscom-account-page :is(.community,.pa-account) :is(.pc-editor-switch,.pc-rich-toolbar) {
    background:var(--csacc-raised);
    color:var(--csacc-text);
    border-color:var(--csacc-line);
}
body.cscom-account-page :is(.community,.pa-account) :is(.pc-editor-switch button,.pc-rich-toolbar button) {
    color:#b7bdc7;
    background:var(--csacc-panel);
    border-color:var(--csacc-line);
    border-radius:6px;
    font-family:var(--csacc-font);
}
body.cscom-account-page :is(.community,.pa-account) .pc-editor-switch button[aria-pressed="true"] {
    color:var(--csacc-accent);
    background:#ff752f14;
    border-color:#ff752f40;
}
body.cscom-account-page :is(.community,.pa-account) .pc-visual-input {
    background:var(--csacc-bg);
    color:var(--csacc-text);
    font-family:var(--csacc-font);
}

/* Photo editor chrome is themed independently from the authored canvas. */
body.cscom-account-page .pe-dialog {
    --pe-ink:var(--csacc-text);
    --pe-muted:var(--csacc-muted);
    --pe-line:var(--csacc-line);
    --pe-accent:var(--csacc-accent);
    color:var(--csacc-text);
    background:var(--csacc-panel);
    border-color:var(--csacc-line);
    border-radius:14px;
    font-family:var(--csacc-font);
}
body.cscom-account-page .pe-dialog :is(h2,h3,button,input,select,textarea,.pe-dimensions) {
    font-family:var(--csacc-font);
}
body.cscom-account-page .pe-dialog :is(h2,h3) {
    color:var(--csacc-text);
    font-weight:700;
}
body.cscom-account-page .pe-dialog :is(.pe-header,.pe-sidebar,.pe-footer,.pe-filter-toolbar) {
    background:var(--csacc-panel);
    border-color:var(--csacc-line);
}
body.cscom-account-page .pe-dialog :is(.pe-preview,.pe-viewport,.pe-filter-preview-frame) {
    background:var(--csacc-bg);
    border-color:var(--csacc-line);
}
body.cscom-account-page .pe-dialog :is(button,.pe-filter-search,.pe-active-filter,.pe-filter-card,.pe-field input,.pe-field select,.pe-field textarea,.pe-panel .pe-filter-empty,.pe-header .pe-icon-button,.pe-header .pe-dimensions,.pe-filter-preview-badge,.pe-dialog .pe-download) {
    color:var(--csacc-text);
    background:var(--csacc-raised);
    border-color:var(--csacc-line);
    border-radius:8px;
}
body.cscom-account-page .pe-dialog button:hover:not(:disabled) {
    background:#2b3038;
    border-color:#464b55;
}
body.cscom-account-page .pe-dialog :is(.pe-tabs button[aria-selected="true"],button[aria-pressed="true"],.pe-filter-card.is-active,.pe-filter-card:has(.pe-filter-choice[aria-pressed="true"]),.pe-auto) {
    color:var(--csacc-accent);
    background:#ff752f14;
    border-color:#ff752f40;
}
body.cscom-account-page .pe-dialog :is(.pe-filter-search input,.pe-filters .pe-filter-choice) {
    background:transparent;
    color:var(--csacc-text);
}
body.cscom-account-page .pe-dialog :is(.pe-active-filter strong,.pe-active-filter>output,.pe-filter-strength output,.pe-count) {
    color:var(--csacc-accent);
}
body.cscom-account-page .pe-dialog :is(.pe-range output,.pe-active-filter small,.pe-filter-description,.pe-filter-strength>span,.pe-filter-search>svg) {
    color:var(--csacc-muted);
}
body.cscom-account-page .pe-dialog :is(.pe-count,.pe-filter-check) {
    background:var(--csacc-raised);
}
body.cscom-account-page .pe-dialog .pe-save,
body.cscom-account-page .pe-dialog .pe-save:hover:not(:disabled) {
    color:#15171b;
    background:var(--csacc-accent);
    border-color:var(--csacc-accent);
}
body.cscom-account-page .pe-dialog .pe-danger,
body.cscom-account-page .pe-dialog .pe-status.is-error {
    color:#ed9b94;
    background:transparent;
}
body.cscom-account-page .pe-dialog :focus-visible {
    outline-color:var(--csacc-accent);
}
body.cscom-account-page .pe-dialog::backdrop {
    background:#080a0de0;
}

body.cscom-account-page :is(.site-notifications-all,.site-notifications-page .site-notifications-item,.site-notifications-panel,.site-notifications-panel>header) {
    background:var(--csacc-panel)!important;
    color:var(--csacc-text)!important;
    border-color:var(--csacc-line)!important;
}
body.cscom-account-page :is(.site-notifications-page,.site-notifications-panel) .site-notifications-item.is-unread {
    background:#ff752f0b;
    border-color:var(--csacc-line);
}
body.cscom-account-page :is(.site-notifications-page,.site-notifications-panel) :is(.site-notifications-item-title:hover,.site-notifications-read,.site-notifications-more) {
    color:var(--csacc-accent);
}

@media(max-width:700px) {
    body.cscom-account-page .pa-community-account .pa-account-sidebar {
        padding:18px;
        border-radius:14px;
    }
    body.cscom-account-page .pa-community-account .avatar-menu-trigger {
        border-radius:10px;
    }
    body.cscom-account-page :is(.pa-account-panel,.community-card,.friend-widget,.friend-directory) {
        padding:18px;
        border-radius:14px;
    }
    body.cscom-account-page .community-profile-head {
        padding:22px 18px;
        border-radius:14px;
    }
    body.cscom-account-page .pa-account-heading h1 {
        font-size:28px;
    }
}

/* Explicit avatar chrome avoids the legacy light background at rounded corners. */
body.cscom-account-page .avatar-menu-trigger {
    background:var(--csacc-raised)!important;
    border-radius:10px;
}
body.cscom-account-page .avatar-menu-widget--profile .avatar-menu-trigger {
    border-radius:10px;
}
body.cscom-account-page .avatar-menu-hint {
    background:linear-gradient(transparent,#111316ed);
    color:var(--csacc-text);
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page :is(.avatar-story-add,.community-story-add) {
    color:#15171b!important;
    background:var(--csacc-accent)!important;
    border-color:var(--csacc-panel)!important;
    box-shadow:0 3px 9px #0004;
}
body.cscom-account-page .community-link {
    color:var(--csacc-accent)!important;
    font-family:var(--csacc-font);
    font-weight:600;
}
body.cscom-account-page :is(.community-back,.pa-sidebar-catalog) {
    color:var(--csacc-accent)!important;
}
body.cscom-account-page .avatar-menu-panel svg {
    color:var(--csacc-accent);
}
body.cscom-account-page .avatar-menu-panel .avatar-menu-danger svg {
    color:#ed9b94;
}
body.cscom-account-page .community-photo-discuss {
    background:var(--csacc-raised);
    color:var(--csacc-accent)!important;
    box-shadow:0 2px 10px #0004;
}

/* Native private-message chrome adaptation */
/* Private messages: hierarchy remains clear between chat list, incoming and own messages. */
body.cscom-account-page :is(.pm-board, .pm-dialog) { background: var(--csacc-panel) !important; color: var(--csacc-text) !important; border-color: var(--csacc-line) !important; border-radius: 14px; box-shadow: none; }
body.cscom-account-page :is(.pm-sidebar, .pm-thread-head, .pm-composer-wrap, .pm-popover, .pm-dialog-head, .pm-compose-context, .pm-file-chip, .pm-file, .pm-person, .pm-thread-search) { background: var(--csacc-panel) !important; color: var(--csacc-text) !important; border-color: var(--csacc-line) !important; }
body.cscom-account-page .pm-thread { background: #15181d !important; color: var(--csacc-text) !important; border-color: var(--csacc-line) !important; }
body.cscom-account-page :is(.pm-tabs, .pm-folder-tabs, .pm-side-foot, .pm-popover > hr, .pm-reaction-strip) { border-color: var(--csacc-line); }
body.cscom-account-page .pm-popover > hr { background: var(--csacc-line); }
body.cscom-account-page .pm-popover { border-radius: 10px; box-shadow: 0 12px 40px #0006; }
body.cscom-account-page :is(.pm-popover button, .pm-popover > a, .pm-popover > details > summary) { border-radius: 8px; }
body.cscom-account-page :is(.pm-icon-button, .pm-popover .pm-icon, .pm-side-search > div > .pm-icon, .pm-heading > a, .pm-connection, .pm-search-heading, .pm-compose-hint, .pm-typing-none, .pm-message-footer, .pm-forwarded) { color: var(--csacc-muted); }
body.cscom-account-page .pm-icon-button { border-radius: 8px; }
body.cscom-account-page :is(.pm-icon-button:hover, .pm-menu[open] > .pm-icon-button, .pm-icon-button.is-accent) { color: var(--csacc-accent); background: #ff752f14; }
body.cscom-account-page :is(.pm-tab, .pm-folder-tabs a, .pm-conversation-row) { background: transparent !important; color: var(--csacc-muted) !important; border-color: var(--csacc-line) !important; border-radius: 8px; }
body.cscom-account-page :is(.pm-tab:hover, .pm-folder-tabs a:hover, .pm-conversation-row:hover, .pm-person:hover) { background: var(--csacc-raised) !important; color: var(--csacc-text) !important; }
body.cscom-account-page :is(.pm-tab.is-active, .pm-folder-tabs .is-active, .pm-conversation-row.is-current, .pm-person.is-selected) { background: #ff752f14 !important; color: var(--csacc-accent) !important; border-color: #ff752f40 !important; }
body.cscom-account-page .pm-conversation-copy strong { color: var(--csacc-text); }
body.cscom-account-page .pm :is(.pm-avatar, .pm-avatar.is-group) { background: var(--csacc-raised); color: var(--csacc-accent); }
body.cscom-account-page .pm-dialog .pm-avatar { background: var(--csacc-raised); color: var(--csacc-accent); }
body.cscom-account-page .pm-badge { background: var(--csacc-accent); color: #14171c; border-radius: 6px; }
body.cscom-account-page .pm-badge.is-muted { background: #4b515d; color: #e0e3e9; }
body.cscom-account-page .pm-conversation-meta > .pm-icon { color: var(--csacc-muted); }
body.cscom-account-page .pm-bubble { background: var(--csacc-raised) !important; color: var(--csacc-text) !important; border-color: var(--csacc-line) !important; border-radius: 4px 14px 14px; box-shadow: none; }
body.cscom-account-page .pm-message.is-mine .pm-bubble { background: #332b20 !important; color: #efe1ca !important; border-color: #58452c !important; border-radius: 14px 4px 14px 14px; }
body.cscom-account-page .pm-message.is-deleted .pm-bubble { background: transparent !important; border-style: dashed; color: var(--csacc-muted) !important; }
body.cscom-account-page :is(.pm-sender, .pm-message-text a, .pm-compose-context strong, .pm-reply-preview strong, .pm-file > .pm-icon) { color: var(--csacc-accent); }
body.cscom-account-page .pm-reply-preview { background: #11131666 !important; color: #b7bfcc !important; border-color: var(--csacc-accent) !important; }
body.cscom-account-page .pm-reaction { background: var(--csacc-panel) !important; color: #bdc4cf !important; border-color: var(--csacc-line) !important; }
body.cscom-account-page .pm-reaction.is-mine { background: #ff752f18 !important; color: var(--csacc-accent) !important; border-color: #ff752f55 !important; }
body.cscom-account-page .pm-attachments :is(img, video) { background: #111316; border-radius: 10px; }
body.cscom-account-page :is(.pm-file, .pm-file-chip, .pm-compose-context) { border-radius: 10px; }
body.cscom-account-page .pm-compose-context { border-left-color: var(--csacc-accent) !important; }
body.cscom-account-page .pm-compose-tools :is(button, .social-picker-trigger) { background: transparent !important; border-color: var(--csacc-line) !important; color: var(--csacc-muted) !important; border-radius: 8px; }
body.cscom-account-page .pm-compose-tools :is(button:hover, .social-picker-trigger:hover) { background: #ff752f14 !important; color: var(--csacc-accent) !important; }
body.cscom-account-page :is(.pm-button, .pm-send) { border-radius: 8px; font-weight: 700; background: var(--csacc-raised); border-color: var(--csacc-line) !important; color: var(--csacc-text) !important; }
body.cscom-account-page :is(.pm-button.is-primary, .pm-send, .pm-compose-tools .pm-send) { background: var(--csacc-accent) !important; border-color: var(--csacc-accent) !important; color: #14171c !important; }
body.cscom-account-page :is(.pm-button.is-primary:hover, .pm-send:hover, .pm-compose-tools .pm-send:hover) { background: var(--csacc-accent-hover) !important; border-color: var(--csacc-accent-hover) !important; color: #14171c !important; }
body.cscom-account-page :is(.pm-popover .is-danger, .pm-button.is-danger) { color: #f2a0a8 !important; }
body.cscom-account-page .pm-button.is-danger { background: #352325; border-color: #673c40 !important; }
body.cscom-account-page .pm-error { color: #f2a0a8; background: #352325; border-color: #673c40; border-radius: 8px; }
body.cscom-account-page .pm-toast { color: var(--csacc-text); background: var(--csacc-raised); border: 1px solid var(--csacc-line); border-radius: 10px; box-shadow: 0 8px 30px #0006; }
body.cscom-account-page .pm-dialog::backdrop { background: #080a0ddd; }
body.cscom-account-page .pm-dialog :is(h1, h2, h3) { font-family: var(--csacc-font); color: var(--csacc-text); font-weight: 700; }
body.cscom-account-page .pm-dialog :is(button, input, textarea, select) { font-family: var(--csacc-font); }
body.cscom-account-page .pm-dialog label { color: #bac0ca; }
body.cscom-account-page .pm-dialog-body > p { color: var(--csacc-muted); }
body.cscom-account-page .pm-message.is-highlight .pm-bubble { outline-color: var(--csacc-accent); }
body.cscom-account-page .pm :is(.pm-conversations, .pm-thread-scroll, .pm-tabs, .pm-folder-tabs) { scrollbar-color: #4d525d transparent; }
body.cscom-account-page .pm-saved-tag, body.cscom-account-page .pm-saved-tag .pm-icon { color: var(--csacc-accent); fill: var(--csacc-accent); }

/* Shared previews and pickers are mounted inside forum composers and message threads. */
body.cscom-account-page :is(.pm, .community) :is(.social-picker-panel, .social-sticker-preview, .shared-preview, .shared-preview-unavailable) { background: var(--csacc-panel); border-color: var(--csacc-line); color: var(--csacc-text); border-radius: 10px; }
body.cscom-account-page :is(.pm, .community) .pm-compose-tools .social-sticker-preview { background: var(--csacc-panel); }
body.cscom-account-page :is(.pm, .community) .social-picker { color: var(--csacc-text); }
body.cscom-account-page :is(.pm, .community) .social-picker :is(.social-carousel-arrow, .social-pack-button, .social-emoji-category, .social-picker-more, .social-sticker-preview button) { color: var(--csacc-text) !important; border-color: var(--csacc-line) !important; background: var(--csacc-raised) !important; border-radius: 8px; }
body.cscom-account-page :is(.pm, .community) .social-picker :is(.social-pack-button[aria-pressed="true"], .social-emoji-category[aria-pressed="true"], .social-sticker-grid button[aria-pressed="true"]) { color: var(--csacc-accent) !important; border-color: #ff752f55 !important; background: #ff752f18 !important; box-shadow: none; }
body.cscom-account-page :is(.pm, .community) .social-picker :is(.social-pack-status, .social-picker-section-heading > span:last-child, [data-emoji-status]) { color: var(--csacc-muted); }
body.cscom-account-page :is(.pm, .community) .social-picker .social-carousel-track { scrollbar-color: #4d525d transparent; }
body.cscom-account-page :is(.pm, .community) .social-picker :is(button, summary):focus-visible { outline-color: var(--csacc-accent); }
body.cscom-account-page :is(.pm, .community) .social-picker :is(.social-emoji-grid button:hover, .social-sticker-grid button:hover) { background: #ff752f14 !important; }
body.cscom-account-page :is(.pm, .community) :is(.shared-preview-cover, .shared-preview-placeholder) { background: var(--csacc-raised); color: var(--csacc-muted); }
body.cscom-account-page :is(.pm, .community) .shared-preview-cover > img { background: var(--csacc-raised); }
body.cscom-account-page :is(.pm, .community) .shared-preview:hover { border-color: #ff752f55; box-shadow: none; }
body.cscom-account-page :is(.pm, .community) .shared-preview :is(.shared-preview-info > small, .shared-preview-info > strong, .shared-preview-meta) { font-family: var(--csacc-font); }
body.cscom-account-page :is(.pm, .community) :is(.shared-preview-info > small, .shared-preview-meta, .shared-preview-unavailable small) { color: var(--csacc-muted); }
body.cscom-account-page :is(.pm, .community) .shared-preview-info > strong { color: var(--csacc-text); }
body.cscom-account-page .pm-pagination .pb-pagination { border-color: var(--csacc-line); color: var(--csacc-muted); }
body.cscom-account-page .pm-pagination :is(.pb-pagination__step, .pb-pagination__number) { background: var(--csacc-raised); color: #bac0ca; border-color: var(--csacc-line); border-radius: 8px; }
body.cscom-account-page .pm-pagination .pb-pagination a:hover { color: var(--csacc-accent); background: #ff752f14; border-color: #ff752f55; }
body.cscom-account-page .pm-pagination .pb-pagination [aria-current="page"] { background: #ff752f18; color: var(--csacc-accent); border-color: #ff752f55; }
body.cscom-account-page .pm-pagination .pb-pagination [aria-disabled="true"] { background: transparent; border-color: transparent; color: #707784; }

@media (max-width: 600px) {
    body.cscom-account-page :is(.pm-board, .pm-dialog) { border-radius: 14px; }
    body.cscom-account-page .pm-dialog-head { padding-inline: 18px; }
}

/* Native story chrome adaptation */
/* CS.COM.RU account chrome. Authored story canvases, text, media, drawings and
   background swatches deliberately retain their own colours and typography. */
body.cscom-account-page :is(.stories-page,.stories-strip,.story-viewer-dialog,.sv-story,.story-delete-dialog){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page :is(.stories-heading h1,.stories-empty h2,.stories-strip h2,.story-delete-dialog h2,.sv-delete-panel h2,.sv-error h2,.sv-views-panel h2){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-weight:700;color:var(--csacc-text,#f0f1f3);letter-spacing:-.03em}
body.cscom-account-page .stories-page{padding-top:28px;padding-bottom:42px}
body.cscom-account-page .stories-heading{gap:20px;margin-bottom:24px}
body.cscom-account-page .stories-heading h1{font-size:clamp(28px,3.5vw,42px);line-height:1.15;margin:8px 0 12px}
body.cscom-account-page .stories-heading h1>span{color:var(--csacc-accent,#ff752f)}
body.cscom-account-page :is(.stories-heading p,.story-preview-caption>span,.story-preview-help,.story-field-help,.story-color-input,.story-publish>p,.story-source-card>span,.story-source-card>p,.stories-empty p,.stories-strip-empty span,.story-author-link small,.story-delete-dialog p){color:var(--csacc-muted,#9298a3)}
body.cscom-account-page :is(.stories-back,.story-text-button,.story-source-card>a,.stories-strip>header>a){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page :is(.stories-back,.story-text-button,.story-source-card>a,.stories-strip>header>a):hover{color:var(--csacc-accent-hover,#ff9a60)}
body.cscom-account-page :is(.story-editor-preview,.story-editor-panel,.stories-strip,.story-watch-card,.stories-empty,.story-delete-dialog){background:var(--csacc-panel,#1b1e23);border:1px solid var(--csacc-line,#30343c);border-radius:14px;box-shadow:none}
body.cscom-account-page .story-editor{width:100%;max-width:1200px;gap:24px;grid-template-columns:minmax(280px,1fr) minmax(300px,1fr)}
body.cscom-account-page .story-editor-preview{padding:20px;top:100px;min-width:0}
body.cscom-account-page .story-editor-panel{padding:22px;gap:20px;min-width:0}
body.cscom-account-page .story-preview-caption{color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page :is(.story-fieldset legend,.story-field>label,.story-pack-label,.story-source-card strong,.stories-strip-empty strong,.story-author-link){color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page :is(.story-field label>span,.story-field label>output){color:var(--csacc-muted,#9298a3)}
body.cscom-account-page :is(.story-fieldset legend,.story-field>label,.story-pack-label){font-size:13px;font-weight:600}
body.cscom-account-page :is(.story-modes,.story-text-sizes){padding:4px;background:var(--csacc-raised,#22262d);border:1px solid var(--csacc-line,#30343c);border-radius:10px;gap:4px}
body.cscom-account-page :is(.story-modes label>span,.story-text-sizes label>span){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);color:var(--csacc-muted,#9298a3);border-radius:8px;font-weight:600;min-height:40px}
body.cscom-account-page :is(.story-modes input:checked+span,.story-text-sizes input:checked+span){background:#ff752f14;background:color-mix(in srgb,var(--csacc-accent,#ff752f) 9%,var(--csacc-panel,#1b1e23));border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f);box-shadow:none}
body.cscom-account-page .story-file-picker{background:var(--csacc-raised,#22262d);border:1px dashed var(--csacc-line,#30343c);border-radius:10px;color:var(--csacc-accent,#ff752f);font-weight:600}
body.cscom-account-page .story-file-picker:hover{border-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .stories-page :is(textarea,select,input[type=url]){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);background:var(--csacc-bg,#111316)!important;color:var(--csacc-text,#f0f1f3)!important;border-color:var(--csacc-line,#30343c)!important;border-radius:10px!important;line-height:1.6}
body.cscom-account-page .stories-page :is(textarea,input[type=url])::placeholder{color:var(--csacc-muted,#9298a3);opacity:1}
body.cscom-account-page .stories-page :is(textarea,select,input[type=url]):focus{border-color:var(--csacc-accent,#ff752f)!important}
body.cscom-account-page .stories-page select{min-height:44px;color-scheme:dark}
body.cscom-account-page .story-color-input input{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);border-radius:8px}
body.cscom-account-page :is(.story-position-controls,.story-selected-sticker,.story-design-page .story-publish){border-color:var(--csacc-line,#30343c)}
body.cscom-account-page .story-position-controls>summary{color:var(--csacc-text,#f0f1f3);font-weight:600}
body.cscom-account-page .stories-page input[type=range]{accent-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .stories-page .button{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-size:13px;font-weight:600;border-radius:8px}
body.cscom-account-page :is(.stories-page,.story-delete-dialog) .button-outline{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);color:var(--csacc-text,#f0f1f3)!important}
body.cscom-account-page :is(.stories-page,.story-delete-dialog) .button-outline:hover{background:#2b3038;border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f)!important}
body.cscom-account-page :is(.story-submit-status,.story-design-status){color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-source-card{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);border-radius:10px}
body.cscom-account-page .story-source-preview{background:var(--csacc-raised,#22262d);border:1px solid var(--csacc-line,#30343c);border-radius:8px;color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page .story-design-tools button{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);border-radius:8px;color:var(--csacc-muted,#9298a3);font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-weight:600}
body.cscom-account-page .story-design-tools button:hover{color:var(--csacc-text,#f0f1f3);border-color:#4b515c}
body.cscom-account-page .story-design-tools button[aria-expanded=true]{background:#ff752f14;background:color-mix(in srgb,var(--csacc-accent,#ff752f) 9%,var(--csacc-panel,#1b1e23));border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-tool-panel{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);border-radius:10px;padding:16px}
body.cscom-account-page .story-sticker-picker{scrollbar-color:#4a505a var(--csacc-raised,#22262d)}
body.cscom-account-page .story-sticker-picker button{background:var(--csacc-panel,#1b1e23);border-color:var(--csacc-line,#30343c);border-radius:8px}
body.cscom-account-page .story-sticker-picker button:hover{background:#2b3038;border-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-background-swatches button{border-color:#5d626c}
body.cscom-account-page .story-filter-options button{background:var(--csacc-panel,#1b1e23);border-color:var(--csacc-line,#30343c);border-radius:8px;color:var(--csacc-muted,#9298a3);font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-weight:600}
body.cscom-account-page .story-filter-options button[aria-pressed=true]{background:#ff752f14;background:color-mix(in srgb,var(--csacc-accent,#ff752f) 9%,var(--csacc-panel,#1b1e23));border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page :is(.stories-page,.stories-strip,.story-viewer-dialog,.story-delete-dialog) :focus-visible{outline:2px solid var(--csacc-accent,#ff752f);outline-offset:4px}
body.cscom-account-page :is(.story-modes input:focus-visible+span,.story-text-sizes input:focus-visible+span,.story-file-picker:focus-within){outline:2px solid var(--csacc-accent,#ff752f);outline-offset:3px}
body.cscom-account-page .story-canvas.is-dropping{outline-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .stories-grid{gap:16px}
body.cscom-account-page .story-tile{border:1px solid var(--csacc-line,#30343c);border-radius:14px;box-shadow:none}
body.cscom-account-page .story-tile:hover{border-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-tile::after{background:linear-gradient(transparent,#101316db)}
body.cscom-account-page .story-tile-author small{color:#d3d7de}
body.cscom-account-page .story-avatar{background:var(--csacc-raised,#22262d)}
body.cscom-account-page .stories-empty{border-style:dashed;padding:36px 24px}
body.cscom-account-page .stories-empty>svg{color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .stories-empty h2{font-size:26px}
body.cscom-account-page .stories-strip{padding:20px}
body.cscom-account-page .stories-strip h2{font-size:18px;line-height:1.3}
body.cscom-account-page .stories-strip-items{scrollbar-color:#4a505a transparent}
body.cscom-account-page :is(.stories-strip .story-tile,.story-create-tile){border-radius:10px}
body.cscom-account-page .story-create-tile{background:var(--csacc-raised,#22262d);border:1px dashed var(--csacc-line,#30343c);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-create-tile:hover{border-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-create-tile>span{background:#ff752f14;background:color-mix(in srgb,var(--csacc-accent,#ff752f) 9%,var(--csacc-panel,#1b1e23));border:1px solid #ff752f33;box-shadow:none;border-radius:8px}
body.cscom-account-page .story-create-tile small{color:var(--csacc-muted,#9298a3)}
body.cscom-account-page .story-step{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);color:var(--csacc-accent,#ff752f);border-radius:8px}
body.cscom-account-page .story-watch-source{background:var(--csacc-raised,#22262d);color:var(--csacc-text,#f0f1f3);border-top:1px solid var(--csacc-line,#30343c)}
body.cscom-account-page .story-watch-source small{color:var(--csacc-muted,#9298a3)}
body.cscom-account-page .story-delete-open{color:var(--csacc-muted,#9298a3);border-radius:8px}
body.cscom-account-page .story-delete-open:hover{color:#f3a5b7;background:#4d2632}
body.cscom-account-page .story-delete-dialog::backdrop{background:#080a0dd9}
body.cscom-account-page .story-delete-dialog h2{font-size:25px}
body.cscom-account-page :is(.story-form-error,.story-inline-error){border-color:#6a3542;background:#39242c;color:#f4b3bf;border-radius:10px}
body.cscom-account-page .stories-notice{border:1px solid #345648;background:#20362d;color:#b9dfcd;border-radius:10px}
body.cscom-account-page .story-delete-confirm{background:#b63c60!important;border-color:#b63c60!important;color:#fff!important}
/* Viewer chrome is neutral dark; the scene and its authored layers stay intact. */
body.cscom-account-page .story-viewer-dialog{background:#111316f5;color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page .story-viewer-dialog::backdrop{background:#080a0de8}
body.cscom-account-page :is(.sv-story,.sv-error){background:var(--csacc-panel,#1b1e23);border:1px solid var(--csacc-line,#30343c);border-radius:14px;box-shadow:0 16px 50px #0006}
body.cscom-account-page .sv-story{scrollbar-color:#4a505a var(--csacc-panel,#1b1e23)}
body.cscom-account-page .sv-header{background:linear-gradient(#080a0db8,transparent)}
body.cscom-account-page .sv-author strong{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-weight:600}
body.cscom-account-page .sv-avatar{background:var(--csacc-raised,#22262d);border-color:#d3d7de80}
body.cscom-account-page .sv-progress>.is-complete,body.cscom-account-page .sv-progress i{background:var(--csacc-accent,#ff752f)}
body.cscom-account-page .sv-paused{background:#111316cc;color:#fff;border:1px solid #ffffff26;border-radius:8px}
body.cscom-account-page .sv-footer{background:var(--csacc-panel,#1b1e23);border-top:1px solid var(--csacc-line,#30343c);gap:10px}
body.cscom-account-page .sv-reply{background:var(--csacc-bg,#111316);border-color:var(--csacc-line,#30343c);border-radius:10px}
body.cscom-account-page .sv-reply textarea{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-size:12px;background:transparent!important;color:var(--csacc-text,#f0f1f3)!important;border:0!important;border-radius:0!important}
body.cscom-account-page .sv-reply textarea::placeholder{color:var(--csacc-muted,#9298a3)}
body.cscom-account-page .sv-reply:focus-within{border-color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .sv-reply textarea:focus-visible{outline:none}
body.cscom-account-page .sv-reply button{color:var(--csacc-accent,#ff752f);border-radius:8px}
body.cscom-account-page :is(.sv-top-actions button,.sv-engagement button){border-radius:8px}
body.cscom-account-page :is(.sv-login,.sv-footer-caption,.sv-source small,.sv-delete-panel p,.sv-share-panel label,.sv-error p,.sv-loading,.sv-views-button,.sv-views-panel p){color:var(--csacc-muted,#9298a3)}
body.cscom-account-page :is(.sv-login:hover,.sv-status,.sv-status a){color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .sv-source{background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page :is(.sv-delete-panel,.sv-share-panel,.sv-views-panel){background:var(--csacc-raised,#22262d);border-color:var(--csacc-line,#30343c);color:var(--csacc-text,#f0f1f3)}
body.cscom-account-page :is(.sv-delete-panel button,.sv-share-panel button,.sv-error button,.sv-error a,.sv-views-panel button){font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);background:var(--csacc-panel,#1b1e23);border-color:var(--csacc-line,#30343c);color:var(--csacc-text,#f0f1f3);border-radius:8px}
body.cscom-account-page :is(.sv-delete-panel button,.sv-share-panel button,.sv-error button,.sv-error a,.sv-views-panel button):hover{border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .sv-delete-panel .sv-delete-confirm{background:#b63e5c;border-color:#b63e5c;color:#fff}
body.cscom-account-page .sv-share-panel input{background:var(--csacc-bg,#111316)!important;color:var(--csacc-text,#f0f1f3)!important;border-color:var(--csacc-line,#30343c)!important;border-radius:10px!important;font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif)}
body.cscom-account-page :is(.sv-step,.sv-close){background:var(--csacc-raised,#22262d);border:1px solid var(--csacc-line,#30343c);color:var(--csacc-text,#f0f1f3);border-radius:8px}
body.cscom-account-page :is(.sv-step,.sv-close):hover{background:#2b3038;border-color:var(--csacc-accent,#ff752f);color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .sv-views-panel{border-top:1px solid var(--csacc-line,#30343c);border-radius:14px 14px 0 0}
body.cscom-account-page .sv-views-panel h2{font-size:18px}
body.cscom-account-page :is(.sv-views-panel li a,.sv-views-panel li>span){color:var(--csacc-text,#f0f1f3)}
/* Repost cards belong to the site UI, not to the author's artwork. Media remains unchanged. */
body.cscom-account-page .story-repost{background:var(--csacc-panel,#1b1e23);color:var(--csacc-text,#f0f1f3);border:1px solid var(--csacc-line,#30343c);border-radius:14px;box-shadow:0 8px 30px #0005}
body.cscom-account-page .story-repost-cover{background:var(--csacc-raised,#22262d)}
body.cscom-account-page .story-repost .story-repost-fallback{color:var(--csacc-muted,#9298a3)}
body.cscom-account-page .story-repost-body>small{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);color:var(--csacc-accent,#ff752f);font-weight:600}
body.cscom-account-page .story-repost-body>strong{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);font-weight:700}
body.cscom-account-page .story-repost-open{font-family:var(--csacc-font,"Segoe UI",Arial,sans-serif);color:var(--csacc-muted,#9298a3);border-color:var(--csacc-line,#30343c)}
body.cscom-account-page .story-repost-content:hover .story-repost-open{color:var(--csacc-accent,#ff752f)}
body.cscom-account-page .story-repost-content:focus-visible{outline-color:var(--csacc-accent,#ff752f)}
@media(max-width:900px){body.cscom-account-page .story-editor{grid-template-columns:minmax(240px,1fr) minmax(270px,1fr);gap:18px}body.cscom-account-page :is(.story-editor-preview,.story-editor-panel){padding:18px}}
@media(max-width:700px){body.cscom-account-page .story-editor{display:flex;flex-direction:column;align-items:stretch;gap:16px}body.cscom-account-page .story-editor-preview{position:static}body.cscom-account-page .story-editor-panel{padding:16px}body.cscom-account-page .story-preview-caption{max-width:none}body.cscom-account-page .story-editor-preview .story-canvas{max-width:280px;margin-inline:auto}body.cscom-account-page .story-design-page .story-publish>div{justify-content:flex-end}}
@media(max-width:650px){body.cscom-account-page .stories-page{padding-top:20px}body.cscom-account-page .stories-heading h1{font-size:28px}body.cscom-account-page :is(.stories-strip,.stories-empty){padding:16px}body.cscom-account-page .story-tool-panel{padding:13px}body.cscom-account-page .stories-page :is(textarea,select,input[type=url]){font-size:16px}body.cscom-account-page .story-design-tools button{font-size:11px}body.cscom-account-page .sv-reply textarea{font-size:16px}body.cscom-account-page .sv-story{border-radius:14px}body.cscom-account-page .sv-footer{padding:12px 10px}body.cscom-account-page .sv-engagement{gap:4px}body.cscom-account-page .story-repost{border-radius:10px}}
@media(max-width:380px){body.cscom-account-page .story-design-tools{grid-template-columns:repeat(2,minmax(0,1fr))}body.cscom-account-page .story-publish>div .button{width:100%}body.cscom-account-page .story-sticker-picker{grid-template-columns:repeat(4,minmax(0,1fr))}body.cscom-account-page .story-colors{grid-template-columns:1fr}body.cscom-account-page .sv-footer{gap:5px}body.cscom-account-page .sv-engagement{gap:0}body.cscom-account-page .sv-source{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){body.cscom-account-page .stories-page .button{transition:none;transform:none}}

/* CS.COM.RU account geometry and typography. Native interaction hooks remain intact. */
body.cscom-account-page {
    --csacc-bg: #0b0d12;
    --csacc-panel: #10151f;
    --csacc-raised: #182232;
    --csacc-field: #0b111c;
    --csacc-line: #293244;
    --csacc-line-strong: #3a475c;
    --csacc-text: #f5f7fb;
    --csacc-muted: #a8b3c5;
    --csacc-subtle: #7e8ca2;
    --csacc-accent: #ff752f;
    --csacc-accent-hover: #ff9a60;
    --csacc-focus: #ffb487;
    --csacc-font: Manrope, Arial, sans-serif;
    --csacc-heading-font: 'Exo 2', Arial, sans-serif;
    --csacc-chat-offset: 220px;
    --teal: var(--csacc-accent);
    --co-ink: var(--csacc-text);
    --co-muted: var(--csacc-muted);
    --co-line: var(--csacc-line);
    --co-cyan: var(--csacc-accent);
    --pm-ink: var(--csacc-text);
    --pm-muted: var(--csacc-muted);
    --pm-line: var(--csacc-line);
    --pm-cyan: var(--csacc-accent);
    --pm-soft: var(--csacc-raised);
    color-scheme: dark;
    overflow-x: clip;
}
body.cscom-account-page .blog-area > .container { width: min(1400px, calc(100% - 48px)); max-width: none; padding: 0; margin-inline: auto; }
body.cscom-account-page .blog-area > .container > .row { margin-inline: 0; }
body.cscom-account-page .blog-area > .container > .row > .cscom-main { padding-inline: 0; }
body.cscom-account-page .cscom-main { min-width: 0; margin-bottom: 0; }
body.cscom-account-page .cs-account-toolbar {
    display: flex; align-items: center; gap: 18px; width: 100%; min-width: 0;
    margin: 0 0 26px; padding: 14px 17px; border: 1px solid var(--csacc-line);
    border-radius: 13px; background: #10151feb; color: var(--csacc-text);
    font-family: var(--csacc-font); box-shadow: 0 8px 25px #0003;
}
body.cscom-account-page .cs-account-brand { display: grid; gap: 4px; flex: 0 0 auto; color: var(--csacc-text); text-decoration: none; font: 900 17px/1.2 var(--csacc-heading-font); letter-spacing: .2px; }
body.cscom-account-page .cs-account-brand :is(small, span) { color: var(--csacc-muted); font: 600 10px/1.5 var(--csacc-font); letter-spacing: 0; }
body.cscom-account-page .cs-account-shortcuts { display: flex; flex: 1; align-items: center; justify-content: flex-end; gap: 5px; min-width: 0; }
body.cscom-account-page .cs-account-shortcuts > a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: 0 0 auto; min-height: 38px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; color: var(--csacc-muted); font: 700 11px/1.4 var(--csacc-font); text-decoration: none; white-space: nowrap; }
body.cscom-account-page .cs-account-shortcuts > a:hover { color: var(--csacc-text); background: var(--csacc-raised); }
body.cscom-account-page .cs-account-shortcuts > a[aria-current=page] { color: #ffb58e; border-color: #ff752f44; background: #ff752f12; }
body.cscom-account-page .cs-account-shortcuts > a > i { color: var(--csacc-accent); font-size: 13px; }
body.cscom-account-page .cs-account-toolbar :is(a, button, summary):focus-visible { outline: 2px solid var(--csacc-focus); outline-offset: 3px; }
body.cscom-account-page .cs-account-toolbar > .site-notifications { width: 44px; min-width: 44px; max-width: 44px; flex: 0 0 44px; margin: 0; }
body.cscom-account-page .cs-account-toolbar .site-notifications-panel { right: 0; left: auto; }
body.cscom-account-page .cs-account-toolbar .site-notifications-trigger { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 40px; border: 1px solid var(--csacc-line-strong); border-radius: 10px; background: var(--csacc-raised); color: var(--csacc-muted); }
body.cscom-account-page .cs-account-toolbar .site-notifications-trigger:hover { color: var(--csacc-accent); border-color: #ff752f55; }
body.cscom-account-page .cs-account-toolbar .site-notifications-badge { color: #131821; background: var(--csacc-accent); }
body.cscom-account-page :is(.site-notifications-trigger, .pm-menu > .pm-icon-button, .social-picker-trigger, .avatar-menu-trigger)::before { content: none !important; display: none; }
body.cscom-account-page .cscom-main > .shell {
    width: 100%; max-width: none; padding: 0; margin: 0;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .favorites-page, .wallet-portal, .pw-page, .pl-page, .ao-page, .stories-page) {
    min-width: 0; max-width: 100%; color: var(--csacc-text);
    font: 500 14px/1.65 var(--csacc-font); text-align: left;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .favorites-page, .wallet-portal, .pw-page, .pl-page, .ao-page, .stories-page) *,
body.cscom-account-page :is(.pm-dialog, .community-photo-dialog, .profile-photo-editor-dialog) * { box-sizing: border-box; }
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .favorites-page, .wallet-portal, .pw-page, .pl-page, .ao-page, .stories-page) :is(h1, h2, h3, h4) {
    color: var(--csacc-text); font-family: var(--csacc-heading-font); font-weight: 800;
    text-transform: none; letter-spacing: -.02em; line-height: 1.2;
}
body.cscom-account-page :is(.pa-account-heading, .pm-heading, .community-page-heading, .stories-heading, .section-heading, .page-heading) h1 {
    margin: 0 0 10px; font-family: var(--csacc-heading-font); font-size: clamp(26px, 3vw, 34px); line-height: 1.16;
}
body.cscom-account-page :is(.pa-account-heading, .pm-heading, .community-page-heading, .stories-heading, .section-heading, .page-heading) { margin-bottom: 26px; }
body.cscom-account-page :is(.pa-account-heading, .pm-heading, .community-page-heading, .stories-heading, .section-heading, .page-heading) p {
    margin: 0; color: var(--csacc-muted); font-size: 13px; line-height: 1.7;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .favorites-page, .wallet-portal, .pw-page, .pl-page, .ao-page) :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--csacc-focus); outline-offset: 3px;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .favorites-page, .wallet-portal, .pw-page, .pl-page, .ao-page) :is(button, input, select, textarea, label, summary) {
    font-family: var(--csacc-font); text-transform: none;
}
body.cscom-account-page :is(.pa-account, .community, .pm) [hidden] { display: none !important; }
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) .icon {
    width: 22px; height: 22px; fill: none; stroke: currentColor;
    stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) :is(.button, .friend-button, .pm-button, .pm-send) {
    min-height: 44px; border-radius: 9px; font-family: var(--csacc-font); font-size: 12px;
    font-weight: 800; line-height: 1.45; letter-spacing: 0; text-decoration: none;
    padding: 10px 16px; cursor: pointer; box-shadow: none;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) :is(.button-primary, .friend-button-primary, .pm-button.is-primary, .pm-send) {
    border: 1px solid #ff793f !important; background: linear-gradient(110deg, #ff531c, #ff7b20) !important;
    color: #131821 !important; box-shadow: 0 5px 18px #fd581b1c;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) :is(.button-primary, .friend-button-primary, .pm-button.is-primary, .pm-send):hover {
    filter: brightness(1.1); color: #131821 !important;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) :is(.button-outline, .button-dark, .friend-button:not(.friend-button-primary), .pm-button:not(.is-primary)) {
    border: 1px solid var(--csacc-line-strong); background: var(--csacc-raised); color: var(--csacc-text);
}
body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page) :is(button, .button)[disabled] {
    opacity: .5; cursor: not-allowed; filter: none; box-shadow: none;
}

/* A compact identity rail leaves room for the actual account content. */
body.cscom-account-page :is(.pa-account, .pa-community-account) .pa-account-grid,
body.cscom-account-page .pa-community-account .pa-account-grid.has-social {
    display: grid; grid-template-columns: 232px minmax(0, 1fr);
    grid-template-areas: 'side main'; gap: 24px; align-items: start;
}
body.cscom-account-page .pa-account-left { display: grid; gap: 20px; min-width: 0; }
body.cscom-account-page .pa-account-grid > .pa-account-left,
body.cscom-account-page .pa-account-grid > .pa-account-sidebar { grid-area: side; }
body.cscom-account-page .pa-account-grid > .pa-account-main { grid-area: main; }
body.cscom-account-page :is(.pa-account-main, .pa-account-panels, .community-feed, .friend-directory, .pm-thread, .pm-sidebar) { min-width: 0; }
body.cscom-account-page :is(.pa-account-main, .pa-account-panels) { gap: 20px; }
body.cscom-account-page .pa-community-account .pa-account-sidebar { display: block; padding: 22px 18px; border-radius: 16px; }
body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-account-avatar {
    width: 72px; height: 72px; aspect-ratio: 1; max-width: 100%;
    margin: 0 0 16px; border-radius: 18px; box-shadow: none; font-size: 26px;
}
body.cscom-account-page .pa-account-sidebar .avatar-menu-widget--account { width: 72px; max-width: 72px; margin: 0 0 16px; }
body.cscom-account-page .pa-account-sidebar .avatar-menu-widget--account .avatar-menu-trigger { width: 72px; height: 72px; aspect-ratio: 1; border-radius: 18px; }
body.cscom-account-page .pa-account-sidebar .avatar-menu-hint { display: none; }
body.cscom-account-page .pa-account-sidebar .avatar-story-add { width: 27px; height: 27px; right: -7px; bottom: -5px; }
body.cscom-account-page .pa-account-sidebar .avatar-story-add svg { width: 15px; height: 15px; }
body.cscom-account-page .pa-community-account .pa-account-sidebar .profile-avatar-link > span {
    padding: 5px; font-size: 0; background: linear-gradient(transparent, #0b111ccc);
}
body.cscom-account-page .pa-account-sidebar .profile-avatar-link > span .icon { width: 16px; height: 16px; }
body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-sidebar-identity { text-align: left; }
body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-sidebar-identity h2 {
    font: 800 20px/1.3 var(--csacc-heading-font); overflow-wrap: anywhere; margin: 0 0 9px;
}
body.cscom-account-page .pa-sidebar-identity > .friend-presence { justify-content: flex-start; margin-top: 9px; }
body.cscom-account-page .pa-community-account .pa-account-nav {
    display: grid; grid-template-columns: minmax(0, 1fr); margin: 22px -5px 18px; gap: 5px;
}
body.cscom-account-page .pa-community-account .pa-account-nav > a {
    min-width: 0; min-height: 44px; padding: 10px 11px; gap: 10px; border-radius: 9px;
    color: var(--csacc-muted); font: 700 12px/1.45 var(--csacc-font); text-decoration: none;
}
body.cscom-account-page .pa-community-account .pa-account-nav > a:hover { background: var(--csacc-raised); color: var(--csacc-text); }
body.cscom-account-page .pa-community-account .pa-account-nav > a[aria-current=page] {
    background: #ff752f12; border-color: #ff752f55; color: #ffad7b;
    box-shadow: inset 3px 0 0 var(--csacc-accent);
}
body.cscom-account-page .pa-account-nav .pa-nav-icon { width: 19px; height: 19px; flex: none; color: inherit; }
body.cscom-account-page .pa-community-account .pa-account-nav > a[aria-current=page] .pa-nav-icon { color: var(--csacc-accent); }
body.cscom-account-page .pa-account-data { display: grid; gap: 12px; margin: 16px 0; }
body.cscom-account-page .pa-account-data > div + div { margin: 0; padding-top: 12px; }
body.cscom-account-page .pa-account-data dt { margin: 0 0 5px; color: var(--csacc-subtle); font-size: 10px; }
body.cscom-account-page .pa-account-data dd { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
body.cscom-account-page .pa-sidebar-details > summary { min-height: 32px; line-height: 1.6; }
body.cscom-account-page .pa-sidebar-catalog { margin-top: 18px; font-size: 12px; }
body.cscom-account-page .pa-account-logout { min-height: 40px; padding: 9px 13px; }

/* Public profile and the wall use the same restrained card hierarchy. */
body.cscom-account-page .community-profile-head {
    padding: 26px; gap: 22px; border-radius: 16px;
    background: radial-gradient(ellipse at 100% 0, #ff752f14, transparent 62%), var(--csacc-panel) !important;
}
body.cscom-account-page .community-profile-head .community-profile-avatar,
body.cscom-account-page .community-profile-head .profile-avatar {
    width: 88px; height: 88px; flex: 0 0 88px; border-radius: 22px;
}
body.cscom-account-page .community-profile-head .avatar-menu-widget--profile { width: 88px; flex: 0 0 88px; }
body.cscom-account-page .community-profile-head .avatar-menu-trigger { width: 88px; height: 88px; aspect-ratio: 1; border-radius: 22px; }
body.cscom-account-page .community-profile-title { min-width: 0; flex: 1; }
body.cscom-account-page .community-profile-title h1 { margin: 8px 0 10px; font: 800 29px/1.2 var(--csacc-heading-font); overflow-wrap: anywhere; }
body.cscom-account-page .community-profile-title > p { margin: 7px 0 0; font-size: 13px; line-height: 1.65; }
body.cscom-account-page .community-profile-actions { gap: 8px; max-width: 280px; }
body.cscom-account-page .community-tabs { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; padding: 4px 0 12px; margin-bottom: 20px; scrollbar-width: thin; }
body.cscom-account-page .community-tabs > a { flex: 0 0 auto; padding: 10px 14px; min-height: 40px; border-radius: 9px; font-size: 12px; }
body.cscom-account-page .community-account-intro { gap: 16px; padding: 2px 0; }
body.cscom-account-page .community-account-intro h2 { margin: 8px 0 10px; font: 800 23px/1.25 var(--csacc-heading-font); }
body.cscom-account-page .community-account-intro p { font-size: 13px; line-height: 1.7; }
body.cscom-account-page :is(.community-card, .community-post, .pa-account-panel) { padding: 24px; border-radius: 16px; }
body.cscom-account-page :is(.community-card, .pa-account-panel) > h2 { margin: 0 0 10px; font: 800 21px/1.25 var(--csacc-heading-font); }
body.cscom-account-page :is(.community-card, .pa-account-panel) > p { margin: 0 0 18px; font-size: 13px; line-height: 1.7; }
body.cscom-account-page .community-post-head { margin-bottom: 16px; }
body.cscom-account-page .community-post-body { font-size: 14px; line-height: 1.7; }
body.cscom-account-page .community-post-date { font-size: 11px; }
body.cscom-account-page .community-post-reactions { padding-top: 14px; margin-top: 16px; }
body.cscom-account-page .community-compose-footer { gap: 10px; margin-top: 12px; }
body.cscom-account-page .community-compose-footer .community-muted { font-size: 11px; }
body.cscom-account-page .community .social-picker-trigger { min-height: 42px; border: 1px solid var(--csacc-line-strong) !important; border-radius: 9px; padding: 9px 12px; background: var(--csacc-raised) !important; color: var(--csacc-muted) !important; font: 700 12px/1.5 var(--csacc-font); }
body.cscom-account-page .community .social-picker-trigger:hover,
body.cscom-account-page .community .social-picker details[open] > .social-picker-trigger { border-color: #ff752f66 !important; color: var(--csacc-accent) !important; background: #ff752f14 !important; }
body.cscom-account-page .community .social-picker-trigger:focus-visible { outline: 2px solid var(--csacc-focus); outline-offset: 3px; }
body.cscom-account-page .community .social-picker-panel { border-color: var(--csacc-line-strong); background: var(--csacc-panel); color: var(--csacc-text); box-shadow: 0 15px 40px #0007; }
body.cscom-account-page :is(.activity-rating-card, .profile-completeness-card) { border-radius: 16px; }
body.cscom-account-page :is(.activity-rating-head h2, .profile-completeness-head h2) { font: 800 19px/1.25 var(--csacc-heading-font); }
body.cscom-account-page :is(.profile-completeness-head p, .profile-completeness-list, .activity-rating-explanation) { font-size: 11px; line-height: 1.65; }

/* Settings keep a consistent accessible dark control style. */
body.cscom-account-page :is(.pa-form, .community-settings) { gap: 18px; }
body.cscom-account-page :is(.pa-field, .community-settings) label { font-size: 12px; line-height: 1.6; color: var(--csacc-text); }
body.cscom-account-page :is(.pa-account, .community, .pm, .friend-directory) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]), textarea, select) {
    min-width: 0; max-width: 100%; min-height: 46px; border: 1px solid var(--csacc-line-strong) !important;
    border-radius: 9px !important; background: var(--csacc-field) !important; color: var(--csacc-text) !important;
    font: 500 13px/1.55 var(--csacc-font); padding: 11px 13px; box-shadow: none;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .friend-directory) :is(input, textarea)::placeholder { color: #7e8ca2; opacity: 1; }
body.cscom-account-page :is(.pa-account, .community, .pm, .friend-directory) :is(input, textarea, select):focus {
    border-color: var(--csacc-accent) !important; box-shadow: 0 0 0 3px #ff752f19;
}
body.cscom-account-page :is(.pa-account, .community, .pm, .friend-directory) :is(input, textarea, select)[aria-invalid=true] { border-color: #d77d70 !important; }
body.cscom-account-page :is(.pa-account, .community, .pm) :is(input, textarea):-webkit-autofill {
    -webkit-text-fill-color: var(--csacc-text); caret-color: var(--csacc-text); box-shadow: 0 0 0 1000px #182332 inset;
}
body.cscom-account-page :is(.pa-account, .community, .pm) input:is([type=checkbox], [type=radio]) { accent-color: var(--csacc-accent); }
body.cscom-account-page .pa-password > input { padding-right: 49px !important; }
body.cscom-account-page .pa-password-toggle { color: var(--csacc-muted); background: transparent; }
body.cscom-account-page .pa-password-toggle:hover { color: var(--csacc-accent); background: var(--csacc-raised); }
body.cscom-account-page :is(.pa-help, .community-muted, .pa-privacy-note) { color: var(--csacc-muted); font-size: 11px; line-height: 1.7; }
body.cscom-account-page :is(.pa-error, .community-error, .story-form-error) { color: #ffb1a2; font-size: 12px; line-height: 1.6; }
body.cscom-account-page .pa-panel-heading { gap: 13px; margin-bottom: 22px; }
body.cscom-account-page .pa-panel-heading h2 { margin: 0 0 8px; font: 800 21px/1.25 var(--csacc-heading-font); }
body.cscom-account-page .pa-panel-actions { gap: 12px; margin-top: 10px; }
body.cscom-account-page :is(.community-location-grid, .pa-password-grid) { gap: 18px; }
body.cscom-account-page .community-settings textarea { min-height: 110px; resize: vertical; }
body.cscom-account-page :is(.pa-notice, .notice, .wp-notice) { border: 1px solid #805b39; border-radius: 10px; background: #553b232b; color: #e9c5a4; padding: 13px 16px; font-size: 12px; line-height: 1.7; }

/* Friends retain the native filter/actions model without pale panels. */
body.cscom-account-page .friend-directory { padding: 22px; border-radius: 16px; }
body.cscom-account-page .friend-tabs { display: flex; flex-wrap: nowrap; gap: 5px; overflow-x: auto; padding-bottom: 16px; scrollbar-width: thin; }
body.cscom-account-page .friend-tabs > a { flex: 0 0 auto; white-space: nowrap; min-height: 40px; padding: 10px 12px; border-radius: 9px; font: 700 12px/1.5 var(--csacc-font); }
body.cscom-account-page .friend-search { max-width: 440px; margin: 18px 0 4px; }
body.cscom-account-page .friend-search > .friend-button { min-width: 44px; padding: 10px; }
body.cscom-account-page .friend-card { min-width: 0; padding: 19px 0; gap: 16px; }
body.cscom-account-page .friend-card .friend-name > :is(a, strong) { font: 800 14px/1.4 var(--csacc-font); }
body.cscom-account-page .friend-avatar { width: 48px; height: 48px; border-radius: 14px; background: var(--csacc-raised); }
body.cscom-account-page .friend-name > small { font-size: 11px; }
body.cscom-account-page .friend-actions { gap: 7px; max-width: 100%; }
body.cscom-account-page .friend-actions .friend-button { min-height: 38px; font-size: 11px; padding: 8px 11px; }
body.cscom-account-page .friend-actions .friend-icon-action { width: 38px; height: 38px; min-width: 38px; padding: 8px; border-radius: 9px; }
body.cscom-account-page .friend-manage > form { z-index: 70; background: var(--csacc-raised); border-color: var(--csacc-line-strong); box-shadow: 0 12px 30px #0006; }
body.cscom-account-page .friend-presence { font: 600 11px/1.5 var(--csacc-font); color: var(--csacc-muted); }
body.cscom-account-page .friend-presence[data-presence-state=online] { color: #9cd6b7; }
body.cscom-account-page .friend-presence[data-presence-state=online] i { background: #79c99d; box-shadow: 0 0 0 3px #79c99d14; }
body.cscom-account-page .friend-card-compact { padding: 13px 0; gap: 9px; }
body.cscom-account-page .friend-card-compact .friend-avatar { width: 36px; height: 36px; border-radius: 11px; }
body.cscom-account-page .friend-card-compact .friend-name > :is(a, strong) { font-size: 12px; }
body.cscom-account-page .friend-card-compact > .friend-actions { margin: 0; }
body.cscom-account-page .friend-card-compact .friend-icon-action { width: 36px; height: 36px; min-width: 36px; }

/* Inbox and thread height belong to the board, never the whole browser window. */
body.cscom-account-page .pm { --pm-ink: var(--csacc-text); --pm-muted: var(--csacc-muted); --pm-line: var(--csacc-line); --pm-cyan: var(--csacc-accent); --pm-soft: var(--csacc-raised); padding: 0; }
body.cscom-account-page .pm .pm-menu { width: 32px; min-width: 32px; max-width: 32px; flex: 0 0 32px; }
body.cscom-account-page .pm .pm-menu > .pm-icon-button { width: 32px; min-width: 32px; max-width: 32px; padding: 6px; }
body.cscom-account-page .pm .pm-attach-menu { width: 40px; min-width: 40px; max-width: 40px; flex: 0 0 40px; }
body.cscom-account-page .pm .pm-attach-menu > .pm-icon-button { width: 40px; min-width: 40px; max-width: 40px; padding: 8px; }
body.cscom-account-page :is(.pm, .community) .social-picker { width: max-content; max-width: 100%; flex: 0 0 auto; }
body.cscom-account-page :is(.pm, .community) :is(.social-picker > details, .social-picker-actions > details) { width: max-content; min-width: 0; max-width: 100%; flex: 0 0 auto; }
body.cscom-account-page .pm .pm-tabs { display: flex; flex-wrap: nowrap; gap: 4px; padding: 0 10px 12px; overflow-x: auto; scrollbar-width: thin; }
body.cscom-account-page .pm .pm-tab { flex: 0 0 auto; padding: 8px 9px; white-space: nowrap; font: 700 11px/1.45 var(--csacc-font); }
body.cscom-account-page .pm .pm-side-search input { padding-left: 38px !important; }
body.cscom-account-page .pm-board { grid-template-columns: 310px minmax(0, 1fr); height: min(820px, calc(100dvh - var(--csacc-chat-offset))); min-height: 420px; border-radius: 16px; background: var(--csacc-panel); box-shadow: 0 16px 40px #0004; }
body.cscom-account-page :is(.pm-sidebar, .pm-thread, .pm-thread-scroll, .pm-conversations) { min-height: 0; }
body.cscom-account-page .pm-sidebar { background: var(--csacc-panel); }
body.cscom-account-page .pm-thread { background: #0d131d !important; }
body.cscom-account-page .pm-thread-head { min-height: 72px; padding: 14px 20px; background: var(--csacc-panel) !important; }
body.cscom-account-page .pm-thread-identity h2 { font: 800 16px/1.3 var(--csacc-font); margin: 0 0 5px; }
body.cscom-account-page .pm-thread-head .pm-avatar { width: 40px; height: 40px; }
body.cscom-account-page .pm-thread-scroll { padding: 22px; scrollbar-color: #3a475c transparent; }
body.cscom-account-page .pm-conversations { scrollbar-color: #3a475c transparent; }
body.cscom-account-page .pm-conversation-row { border-radius: 10px; }
body.cscom-account-page .pm-conversation-row:hover { background: #182232aa; }
body.cscom-account-page .pm-conversation-row.is-current { background: var(--csacc-raised); box-shadow: inset 3px 0 0 var(--csacc-accent); }
body.cscom-account-page .pm-conversation-copy strong { color: var(--csacc-text); font: 800 13px/1.5 var(--csacc-font); }
body.cscom-account-page .pm-conversation-copy small { font-size: 11px; }
body.cscom-account-page .pm-conversation-meta time { font-size: 11px; }
body.cscom-account-page .pm-badge { color: #131821; background: var(--csacc-accent); font-weight: 800; }
body.cscom-account-page .pm-avatar { background: var(--csacc-raised); color: var(--csacc-accent); }
body.cscom-account-page .pm-message { max-width: 88%; }
body.cscom-account-page .pm-bubble { border: 1px solid #334158 !important; background: #1a2535 !important; color: var(--csacc-text) !important; border-radius: 5px 16px 16px; padding: 12px 15px 9px; }
body.cscom-account-page .pm-message.is-mine .pm-bubble { background: #35261f !important; border-color: #6b432e !important; border-radius: 16px 5px 16px 16px; }
body.cscom-account-page .pm-message-text { margin: 0; color: var(--csacc-text); font: 500 14px/1.65 var(--csacc-font); }
body.cscom-account-page .pm-message-text a { color: #ffb58e; text-decoration: underline; }
body.cscom-account-page .pm-message-footer { margin-top: 7px; color: #adb8ca; font-size: 10px; }
body.cscom-account-page .pm-sender { color: #ffb58e; font: 800 11px/1.5 var(--csacc-font); }
body.cscom-account-page .pm-message.is-deleted .pm-bubble { background: transparent !important; border-style: dashed !important; color: var(--csacc-muted) !important; }
body.cscom-account-page .pm-reply-preview { color: var(--csacc-muted); border-left-color: var(--csacc-accent); background: #0b111c66; }
body.cscom-account-page .pm-reply-preview strong { color: #ffb58e; }
body.cscom-account-page .pm-composer-wrap { padding: 14px 18px 12px; background: var(--csacc-panel) !important; }
body.cscom-account-page .pm-compose textarea { min-height: 48px; max-height: 180px; padding: 12px 14px; resize: none; }
body.cscom-account-page .pm-compose-context { background: var(--csacc-raised); border-left-color: var(--csacc-accent); }
body.cscom-account-page .pm-compose-context strong { color: #ffb58e; }
body.cscom-account-page .pm-compose-hint { font-size: 10px; }
body.cscom-account-page .pm-compose-tools :is(.social-picker-trigger, .pm-icon-button) { color: var(--csacc-muted) !important; background: transparent !important; border-radius: 9px; min-width: 40px; min-height: 40px; }
body.cscom-account-page .pm-compose-tools :is(.social-picker-trigger, .pm-icon-button):hover { color: var(--csacc-accent) !important; background: var(--csacc-raised) !important; }
body.cscom-account-page .pm-popover { z-index: 85; border-color: var(--csacc-line-strong); background: var(--csacc-raised); color: var(--csacc-text); box-shadow: 0 12px 38px #0007; }
body.cscom-account-page .pm-dialog { border-radius: 16px; border-color: var(--csacc-line-strong); background: var(--csacc-panel); color: var(--csacc-text); box-shadow: 0 25px 90px #0009; }
body.cscom-account-page .pm-dialog::backdrop { background: #050912d9; }
body.cscom-account-page .pm-dialog :is(h1, h2, h3) { font-family: var(--csacc-heading-font); color: var(--csacc-text); text-transform: none; }
body.cscom-account-page .pm-dialog :is(input, textarea, select) { color-scheme: dark; background: var(--csacc-field); color: var(--csacc-text); border-color: var(--csacc-line-strong); }
body.cscom-account-page .pm-empty-art { width: 76px; height: 76px; border-radius: 20px; transform: none; background: #ff752f14; color: var(--csacc-accent); }
body.cscom-account-page .pm-empty-art > .pm-icon { width: 38px; height: 38px; transform: none; }
body.cscom-account-page .pm-empty h2 { font-size: 22px; line-height: 1.3; margin-bottom: 10px; }
body.cscom-account-page .pm-empty p { font-size: 13px; }
body.cscom-account-page .pm-reaction { background: var(--csacc-raised); border-color: var(--csacc-line-strong); color: var(--csacc-text); }
body.cscom-account-page .pm-reaction.is-mine { background: #ff752f19; border-color: #ff752f66; }

/* Secondary account destinations reuse the same cards, fields and dividers. */
body.cscom-account-page :is(.wp-balance-card, .wp-funding-card, .wp-history, .pw-balance, .pw-topup, .pw-history, .pw-recent, .pl-panel, .pl-referral-hero, .ao-card, .ao-empty, .content-card, .empty-state, .site-notifications-all) {
    border: 1px solid var(--csacc-line); border-radius: 16px; background: var(--csacc-panel); color: var(--csacc-text); box-shadow: none;
}
body.cscom-account-page :is(.wp-balance-value, .pw-balance-amount, .ao-total, .pl-count) { color: var(--csacc-text); font-family: var(--csacc-heading-font); }
body.cscom-account-page :is(.wp-balance-card, .pw-balance, .pl-referral-hero) { background: radial-gradient(ellipse at 100% 0, #ff752f14, transparent 64%), var(--csacc-panel); }
body.cscom-account-page :is(.wp-history-heading, .wp-history-footer, .ao-card-heading, .ao-card-footer, .ao-filters, .pl-panel-heading) { border-color: var(--csacc-line); }
body.cscom-account-page :is(.wp-state, .wp-soon-label, .ao-filter-count) { background: var(--csacc-raised); color: var(--csacc-muted); border-color: var(--csacc-line); }
body.cscom-account-page :is(.wp-funding-button, .wp-services-link, .ao-catalog-link, .pl-copy) { color: var(--csacc-accent); border-color: #ff752f55; background: #ff752f14; }
body.cscom-account-page :is(.wp-empty, .ao-empty, .empty-state, .site-notifications-all > p) { color: var(--csacc-muted); }
body.cscom-account-page :is(.wp-table-wrap, .table-scroll) { max-width: 100%; overflow-x: auto; scrollbar-color: #3a475c transparent; }
body.cscom-account-page :is(.wp-history-table, .data-table) { width: 100%; color: var(--csacc-text); background: transparent; border-color: var(--csacc-line); }
body.cscom-account-page :is(.wp-history-table, .data-table) :is(th, td) { padding: 14px; border-color: var(--csacc-line); background: transparent; color: inherit; }
body.cscom-account-page :is(.wp-history-table, .data-table) th { color: var(--csacc-muted); font: 700 11px/1.5 var(--csacc-font); }
body.cscom-account-page :is(.wp-history-table, .data-table) td { font-size: 12px; }
body.cscom-account-page :is(.ao-line-description, .ao-delivery-note, .wp-entry-reason, .wp-date-cell, .wp-table-hint, .pl-note, .pl-field > span, .table-sub) { color: var(--csacc-muted); }
body.cscom-account-page :is(.ao-lines, .pl-rules, .wp-history-table) a { color: #ffb58e; }
body.cscom-account-page :is(.content-card, .material-actions) { min-width: 0; }
body.cscom-account-page .site-notifications-page .section-heading h1 { margin-bottom: 10px; }
body.cscom-account-page .site-notifications-item { color: var(--csacc-text); background: transparent; }
body.cscom-account-page .site-notifications-item.is-unread { background: #ff752f0b; border-left: 3px solid var(--csacc-accent); }
body.cscom-account-page .site-notifications-item-title { font-family: var(--csacc-font); font-weight: 800; color: var(--csacc-text); }

@media (max-width: 1100px) {
    body.cscom-account-page :is(.pa-account, .pa-community-account) .pa-account-grid,
    body.cscom-account-page .pa-community-account .pa-account-grid.has-social { grid-template-columns: 214px minmax(0, 1fr); gap: 20px; }
    body.cscom-account-page .pm-board { grid-template-columns: 280px minmax(0, 1fr); }
    body.cscom-account-page .community-account-intro { flex-direction: column; gap: 6px; }
    body.cscom-account-page .community-account-intro .community-link { margin: 0; }
}
@media (max-width: 991px) {
    body.cscom-account-page :is(.pa-account, .pa-community-account) .pa-account-grid,
    body.cscom-account-page .pa-community-account .pa-account-grid.has-social { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'side' 'main'; gap: 20px; }
    body.cscom-account-page .pa-account-left { display: contents; }
    body.cscom-account-page .pa-account-grid:has(> .pa-account-left) { grid-template-areas: 'side' 'main' 'activity' 'social'; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar { display: grid; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 0 16px; padding: 20px; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-account-avatar { width: 64px; height: 64px; margin: 0; max-width: 64px; border-radius: 16px; }
    body.cscom-account-page .pa-account-sidebar .avatar-menu-widget--account { grid-column: 1; grid-row: 1; width: 64px; max-width: 64px; margin: 0; }
    body.cscom-account-page .pa-account-sidebar .avatar-menu-widget--account .avatar-menu-trigger { width: 64px; height: 64px; border-radius: 16px; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-sidebar-identity { grid-column: 2; grid-row: 1; display: block; min-width: 0; width: auto; text-align: left; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-sidebar-identity h2 { width: auto; max-width: 100%; }
    body.cscom-account-page .pa-community-account .pa-account-nav { display: flex; grid-column: 1 / -1; flex-wrap: nowrap; overflow-x: auto; margin: 18px -3px 12px; padding: 0 3px 8px; gap: 6px; scrollbar-width: thin; }
    body.cscom-account-page .pa-community-account .pa-account-nav > a { flex: 0 0 auto; justify-content: flex-start; white-space: nowrap; padding: 10px 12px; }
    body.cscom-account-page .pa-community-account .pa-account-nav > a[aria-current=page] { box-shadow: inset 0 -2px 0 var(--csacc-accent); }
    body.cscom-account-page .pa-sidebar-details { grid-column: 1 / -1; margin-top: 0; }
    body.cscom-account-page .pa-sidebar-catalog { grid-column: 1 / -1; margin-top: 12px; }
    body.cscom-account-page .pa-account-left > .friend-widgets { grid-area: social; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.cscom-account-page .pa-account-left > .activity-rating-card { grid-area: activity; }
    body.cscom-account-page .pa-account-heading { align-items: flex-start; gap: 16px; flex-direction: row; }
    body.cscom-account-page .friend-card { align-items: center; flex-direction: row; }
    body.cscom-account-page .friend-card > .friend-actions { margin-left: 0; }
    body.cscom-account-page .cs-account-toolbar { flex-wrap: wrap; gap: 12px; padding: 14px; }
    body.cscom-account-page .cs-account-brand { flex: 1; }
    body.cscom-account-page .cs-account-shortcuts { order: 3; flex: 1 1 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
}
@media (max-width: 767px) {
    body.cscom-account-page .blog-area > .container { width: calc(100% - 28px); }
    body.cscom-account-page .cs-account-toolbar .site-notifications-panel { position: fixed; left: 14px; right: 14px; top: 76px; width: auto; max-width: none; max-height: calc(100dvh - 92px); }
}
@media (max-width: 760px) {
    body.cscom-account-page { --csacc-chat-offset: 154px; }
    body.cscom-account-page .pm-board { display: flex; flex-direction: column; min-height: 340px; height: min(760px, calc(100dvh - var(--csacc-chat-offset))); border-radius: 14px; }
    body.cscom-account-page .pm.is-thread .pm-board { height: calc(100dvh - 112px); min-height: 320px; }
    body.cscom-account-page .pm-sidebar { flex: 1; }
    body.cscom-account-page .pm-thread { display: none; }
    body.cscom-account-page .pm.is-thread .pm-sidebar { display: none; }
    body.cscom-account-page .pm.is-thread .pm-thread { display: flex; flex: 1; height: 100%; }
    body.cscom-account-page .pm.is-thread .pm-heading { display: none; }
    body.cscom-account-page .pm-thread-head { min-height: 68px; padding: 12px 10px; gap: 8px; }
    body.cscom-account-page .pm-thread-head .pm-avatar { width: 36px; height: 36px; }
    body.cscom-account-page .pm-thread-identity h2 { font-size: 14px; }
    body.cscom-account-page .pm-thread-scroll { padding: 16px 10px; }
    body.cscom-account-page .pm-message { max-width: 100%; }
    body.cscom-account-page .pm-bubble { max-width: calc(100vw - 85px); padding: 10px 12px 8px; }
    body.cscom-account-page .pm-message > .pm-menu { opacity: 1; }
    body.cscom-account-page .pm-message-text { font-size: 14px; }
    body.cscom-account-page .pm-composer-wrap { padding: 10px 10px max(10px, env(safe-area-inset-bottom)); }
    body.cscom-account-page .pm-compose textarea { font-size: 16px; }
    body.cscom-account-page .pm-compose-hint { display: none; }
    body.cscom-account-page .pm-send { min-width: 44px; min-height: 44px; padding: 10px; }
    body.cscom-account-page .pm.is-saved .pm-sidebar { display: flex; flex: none; max-height: 205px; }
    body.cscom-account-page .pm.is-saved .pm-thread { display: flex; flex: 1; min-height: 0; }
    body.cscom-account-page .pm-dialog { max-height: 86dvh; }
}
@media (max-width: 700px) {
    body.cscom-account-page .community-profile-head { padding: 20px; gap: 16px; }
    body.cscom-account-page .community-profile-head .community-profile-avatar,
    body.cscom-account-page .community-profile-head .profile-avatar { width: 64px; height: 64px; flex-basis: 64px; border-radius: 17px; }
    body.cscom-account-page .community-profile-head .avatar-menu-widget--profile { width: 64px; flex-basis: 64px; }
    body.cscom-account-page .community-profile-head .avatar-menu-trigger { width: 64px; height: 64px; border-radius: 17px; }
    body.cscom-account-page .community-profile-title { flex-basis: calc(100% - 80px); }
    body.cscom-account-page .community-profile-title h1 { font-size: 24px; }
    body.cscom-account-page .community-profile-actions { width: 100%; max-width: none; display: flex; flex-direction: row; flex-wrap: wrap; }
    body.cscom-account-page .community-profile-actions > * { flex: 1 1 160px; }
    body.cscom-account-page :is(.community-card, .community-post, .pa-account-panel) { padding: 18px; }
    body.cscom-account-page :is(.community-location-grid, .pa-password-grid) { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    body.cscom-account-page :is(.pa-account, .community, .pm, .friend-directory) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]), textarea, select) { font-size: 16px; }
    body.cscom-account-page .friend-card { align-items: flex-start; flex-direction: column; gap: 12px; }
    body.cscom-account-page .friend-card > .friend-actions { margin-left: 60px; }
    body.cscom-account-page .friend-card-compact { flex-direction: row; align-items: center; }
    body.cscom-account-page .friend-card-compact > .friend-actions { margin-left: 0; }
    body.cscom-account-page .friend-directory { padding: 18px; }
    body.cscom-account-page .pa-account-left > .friend-widgets { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 440px) {
    body.cscom-account-page .pa-account-heading { flex-direction: column; }
    body.cscom-account-page .pa-account-heading h1 { font-size: 27px; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar { padding: 18px; column-gap: 13px; }
    body.cscom-account-page .pa-community-account .pa-account-sidebar .pa-sidebar-identity h2 { font-size: 18px; }
    body.cscom-account-page .friend-card > .friend-actions { margin-left: 0; width: 100%; }
    body.cscom-account-page .friend-card-compact > .friend-actions { width: auto; }
    body.cscom-account-page .community-profile-actions > * { flex-basis: 100%; }
}
@media (max-height: 650px) {
    body.cscom-account-page .pm-board { min-height: 260px; height: max(260px, calc(100dvh - 150px)); }
    body.cscom-account-page .pm.is-thread .pm-board { min-height: 260px; height: max(260px, calc(100dvh - 100px)); }
}
@media (hover: none) {
    body.cscom-account-page .pm-message > .pm-menu { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    body.cscom-account-page :is(.pa-account, .community, .pm, .site-notifications-page, .stories-page) * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Native share/likes dialogs keep their lifecycle, hidden states and social branding. */
body.cscom-account-page :is(.site-share-dialog, .likes-dialog) {
    box-sizing: border-box; margin: auto; max-width: calc(100% - 28px);
    max-height: calc(100dvh - 32px); padding: 26px; border: 1px solid var(--csacc-line-strong);
    border-radius: 18px; overflow: auto; overscroll-behavior: contain;
    background: var(--csacc-panel); color: var(--csacc-text); color-scheme: dark;
    font: 500 14px/1.65 var(--csacc-font); box-shadow: 0 24px 90px #0009;
}
body.cscom-account-page :is(.site-share-dialog, .likes-dialog)::backdrop { background: #050912db; backdrop-filter: blur(4px); }
body.cscom-account-page :is(.site-share-heading, .likes-dialog-heading) { align-items: flex-start; gap: 16px; }
body.cscom-account-page :is(.site-share-heading, .likes-dialog-heading) h2 { margin: 4px 0 0; color: var(--csacc-text); font: 800 26px/1.25 var(--csacc-heading-font); letter-spacing: -.02em; text-transform: none; }
body.cscom-account-page .site-share-heading .eyebrow { color: #ffad7b; font: 800 10px/1.5 var(--csacc-font); letter-spacing: .12em; }
body.cscom-account-page :is(.site-share-close, .likes-close) { width: 40px; height: 40px; min-width: 40px; min-height: 40px; padding: 8px; border: 1px solid var(--csacc-line-strong); border-radius: 10px; background: var(--csacc-raised); color: var(--csacc-muted); cursor: pointer; }
body.cscom-account-page :is(.site-share-close, .likes-close):hover { border-color: #ff752f66; color: var(--csacc-accent); }
body.cscom-account-page :is(.site-share-dialog, .likes-dialog) :is(a, button, input):focus-visible { outline: 2px solid var(--csacc-focus); outline-offset: 3px; }
body.cscom-account-page :is(.site-share-caption, .likes-target) { margin: 16px 0 20px; color: var(--csacc-muted); font: 500 13px/1.65 var(--csacc-font); overflow-wrap: anywhere; }
body.cscom-account-page .site-share-local { border-color: var(--csacc-line); gap: 10px; }
body.cscom-account-page .site-share-option { border-radius: 11px; color: var(--csacc-text); font: 700 12px/1.45 var(--csacc-font); text-decoration: none; }
body.cscom-account-page .site-share-option:hover { background: var(--csacc-raised); color: #ffb58e; border-color: #ff752f44; }
body.cscom-account-page .site-share-option small { color: var(--csacc-muted); font-size: 10px; line-height: 1.5; }
body.cscom-account-page .site-share-local .site-share-option { background: var(--csacc-raised); border-color: var(--csacc-line-strong); }
body.cscom-account-page .site-share-local .site-share-option:hover { border-color: #ff752f66; background: #ff752f12; }
body.cscom-account-page .site-share-icon[data-brand=site] { --share-brand: var(--csacc-accent); color: #131821; }
body.cscom-account-page .site-share-section-label { margin: 20px 0 9px; color: var(--csacc-muted); font: 700 12px/1.5 var(--csacc-font); }
body.cscom-account-page .site-share-copy { margin-top: 20px; padding-top: 18px; border-color: var(--csacc-line); }
body.cscom-account-page .site-share-copy label { margin: 0 0 8px; color: var(--csacc-text); font: 700 12px/1.5 var(--csacc-font); }
body.cscom-account-page .site-share-copy > div { border: 1px solid var(--csacc-line-strong); border-radius: 10px; background: var(--csacc-field); }
body.cscom-account-page .site-share-copy input { min-height: 46px; padding: 12px 13px; background: transparent; color: var(--csacc-text); font: 500 13px/1.5 var(--csacc-font); }
body.cscom-account-page .site-share-copy button { min-width: 44px; padding: 11px 14px; border-left-color: var(--csacc-line-strong); background: #ff752f19; color: #ffb58e; font: 800 12px/1.5 var(--csacc-font); }
body.cscom-account-page .site-share-copy button:hover { background: #ff752f2b; color: #ffd0b4; }
body.cscom-account-page .site-share-status { margin: 10px 0 0; color: #ffb58e; font: 500 12px/1.6 var(--csacc-font); }
body.cscom-account-page .site-share-story { margin-top: 18px; padding: 18px; border: 1px solid var(--csacc-line-strong); border-radius: 12px; background: var(--csacc-raised); color: var(--csacc-text); }
body.cscom-account-page .site-share-story h3 { margin: 0 0 10px; color: var(--csacc-text); font: 800 19px/1.25 var(--csacc-heading-font); text-transform: none; }
body.cscom-account-page .site-share-story p { color: var(--csacc-muted); font: 500 12px/1.65 var(--csacc-font); }
body.cscom-account-page :is(.site-share-story, .likes-dialog) .button { min-height: 42px; padding: 10px 14px; border-radius: 9px; border: 1px solid var(--csacc-line-strong); background: var(--csacc-raised); color: var(--csacc-text); font: 800 12px/1.5 var(--csacc-font); text-decoration: none; }
body.cscom-account-page .site-share-story .button-primary { border-color: #ff793f; background: linear-gradient(110deg, #ff531c, #ff7b20); color: #131821; }
body.cscom-account-page .likes-dialog-heading h2 { font-size: 23px; }
body.cscom-account-page .likes-summary { gap: 10px; }
body.cscom-account-page .likes-summary > div { padding: 16px 8px; border: 1px solid var(--csacc-line); border-radius: 11px; background: var(--csacc-raised); }
body.cscom-account-page .likes-summary strong { color: var(--csacc-accent); font: 800 25px/1.2 var(--csacc-heading-font); }
body.cscom-account-page .likes-summary span { color: var(--csacc-muted); font: 600 11px/1.5 var(--csacc-font); }
body.cscom-account-page .likes-help { margin: 16px 0 20px; color: var(--csacc-muted); font: 500 12px/1.7 var(--csacc-font); }
body.cscom-account-page .likes-participants { margin: 0; padding: 0; list-style: none; }
body.cscom-account-page .likes-participants li { border-bottom-color: var(--csacc-line); }
body.cscom-account-page .likes-person { padding: 12px 0; color: var(--csacc-text); font: 700 13px/1.5 var(--csacc-font); }
body.cscom-account-page .likes-person[href]:hover { color: #ffb58e; }
body.cscom-account-page .likes-avatar { background: var(--csacc-raised); }
body.cscom-account-page .likes-dialog [data-likes-status] { margin: 12px 0 0; color: var(--csacc-muted); font: 500 12px/1.6 var(--csacc-font); }
body.cscom-account-page .likes-dialog [data-likes-more]:hover { border-color: #ff752f66; color: #ffb58e; }
body.cscom-account-page .like-statistics-button { color: var(--csacc-muted); font-family: var(--csacc-font); }
body.cscom-account-page .like-statistics-button:hover { color: var(--csacc-accent); background: #ff752f12; }
@media (max-width: 540px) {
    body.cscom-account-page :is(.site-share-dialog, .likes-dialog) { padding: 20px; border-radius: 15px; }
    body.cscom-account-page .site-share-heading h2 { font-size: 24px; }
    body.cscom-account-page .likes-dialog-heading h2 { font-size: 21px; }
    body.cscom-account-page .site-share-copy input { font-size: 16px; }
    body.cscom-account-page .likes-summary { gap: 7px; }
    body.cscom-account-page .likes-summary > div { padding: 13px 5px; }
    body.cscom-account-page .likes-summary strong { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
    body.cscom-account-page :is(.site-share-dialog, .likes-dialog)::backdrop { backdrop-filter: none; }
}

/* Bootstrap's HTML5 reset must not expose closed native dialog elements. */
body.cscom-account-page dialog:not([open]) {
    display: none !important;
}

/* Keep the introduction, tabs and selected profile content in one surface. */
body.cscom-account-page .cs-account-publications {
    display: grid;
    gap: 24px;
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--csacc-line);
    border-radius: 16px;
    background: var(--csacc-panel);
    color: var(--csacc-text);
}
body.cscom-account-page .cs-account-publications > .community-account-intro {
    margin: 0;
    padding: 0;
}
body.cscom-account-page .cs-account-publications > .community-tabs {
    margin: 0;
    padding: 0 0 6px;
}
body.cscom-account-page .cs-account-publications > .profile-photos {
    margin-block: 0;
}
@media (max-width: 700px) {
    body.cscom-account-page .cs-account-publications {
        gap: 18px;
        padding: 18px;
        border-radius: 14px;
    }
}