/* Optional-theme component colours. Original files own geometry and Default. Uploaded media, provider marks, QR pixels and map tiles are never recoloured. */ /* Main browsing, navigation and community cards. */ :where(html[data-theme]:not([data-theme="default"])) .section-switch { background-color:var(--theme-subtle);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .section-switch>button, :where(html[data-theme]:not([data-theme="default"])) .section-switch>.btn, :where(html[data-theme]:not([data-theme="default"])) .home-feed-switch>button { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .section-switch>button[aria-current="page"], :where(html[data-theme]:not([data-theme="default"])) .home-feed-switch>button[aria-current="page"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .section-switch>button[aria-current="page"] { box-shadow:0 1px 5px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .section-switch>button:hover:not([aria-current="page"]):not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .home-feed-switch>button:hover:not([aria-current="page"]):not(:disabled) { background-color:var(--theme-subtle);color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .home-feed-controls select, :where(html[data-theme]:not([data-theme="default"])) .post-search-row select { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .home-person, :where(html[data-theme]:not([data-theme="default"])) .home-community-card, :where(html[data-theme]:not([data-theme="default"])) .attention-list>button { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .home-community-card:hover, :where(html[data-theme]:not([data-theme="default"])) .home-person:hover { background-color:var(--theme-subtle);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .home-person-hobbies, :where(html[data-theme]:not([data-theme="default"])) .home-community-city, :where(html[data-theme]:not([data-theme="default"])) .home-community-count, :where(html[data-theme]:not([data-theme="default"])) .home-communities-loading, :where(html[data-theme]:not([data-theme="default"])) .home-communities-empty, :where(html[data-theme]:not([data-theme="default"])) .attention-state { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .home-communities-error { color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) .home-communities-all, :where(html[data-theme]:not([data-theme="default"])) .home-communities-retry { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .home-communities-all:hover, :where(html[data-theme]:not([data-theme="default"])) .home-communities-retry:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .home-community-icon, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-0, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-1, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-2, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-4, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-5, :where(html[data-theme]:not([data-theme="default"])) .home-community-icon-6 { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .attention-list>button>strong { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .section-switch>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .home-feed-switch>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .home-person:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .home-community-card:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .home-communities-all:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .home-communities-retry:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .attention-list>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .community-app .mobile-nav button:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .guest-invitation, :where(html[data-theme]:not([data-theme="default"])) .guest-purpose { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .guest-purpose>p { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .guest-wordmark { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .guest-purpose-mark { border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .guest-purpose-mark:after { background-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-people { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-people:hover:not(:disabled) { background-color:var(--theme-primary-hover);border-color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-people:active:not(:disabled) { background-color:var(--theme-primary-pressed);border-color:var(--theme-primary-pressed); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-join, :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-tools { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-join:hover:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-tools:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-join:active:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .guest-tools:active:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .btn:hover { filter:none; } :where(html[data-theme]:not([data-theme="default"])) .guest-entry-filters>summary { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .guest-filter-body { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .guest-empty-icon { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .guest-entry-filters>summary:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .tool-tile:hover:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .tool-shortcut:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .tool-tile:active:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .tool-shortcut:active:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } /* Choice, location, language and account controls. */ :where(html[data-theme]:not([data-theme="default"])) .choice-chip { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .choice-chip:hover:not(:disabled) { background-color:var(--theme-selection-bg);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .choice-preset { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .choice-preset:hover:not(:disabled) { background-color:var(--theme-selection-bg);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .choice-preset[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .choice-check { background-color:var(--theme-input);border-color:var(--theme-control-border);color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .choice-preset[aria-pressed="true"] .choice-check { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .choice-browse summary, :where(html[data-theme]:not([data-theme="default"])) .choice-custom summary { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .choice-browse summary:hover, :where(html[data-theme]:not([data-theme="default"])) .choice-custom summary:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .choice-custom, :where(html[data-theme]:not([data-theme="default"])) .modal .choice-custom { border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .choice-single-input>button { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .choice-single-input>button[aria-expanded="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .choice-single-picker { background-color:var(--theme-raised);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .choice-preset:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .choice-chip:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .choice-browse summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .choice-custom summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .choice-single-input>button:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .location-country-toggle { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .location-country-toggle[aria-expanded="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .location-panel { background-color:var(--theme-raised);border-color:var(--theme-border);color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .location-options>button { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .location-options>button:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .location-options>button[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .location-panel-actions>button, :where(html[data-theme]:not([data-theme="default"])) .location-status>button { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .location-panel-actions>button:hover, :where(html[data-theme]:not([data-theme="default"])) .location-status>button:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .location-field button:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .language-picker { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .language-picker input { background-color:var(--theme-input);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .language-note, :where(html[data-theme]:not([data-theme="default"])) .language-option small { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .language-close { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .language-option { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .language-option:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .language-option[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg);box-shadow:inset 0 0 0 1px var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .language-check { color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .language-option:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .language-close:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .language-picker input:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .language-picker input:focus { border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .profile-editor .username-input { background-color:var(--theme-input);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .profile-editor .username-input input { background-color:transparent; } :where(html[data-theme]:not([data-theme="default"])) .profile-editor .username-input:focus-within { outline:2px solid var(--theme-primary);outline-offset:2px;border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .profile-editor [aria-invalid="true"], :where(html[data-theme]:not([data-theme="default"])) .signup-steps [aria-invalid="true"], :where(html[data-theme]:not([data-theme="default"])) .pa-form [aria-invalid="true"] { outline-color:var(--theme-error-fg);border-color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) :is(.profile-editor,.signup-steps,.pa-form) [aria-invalid="true"]:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .profile-editor .username-error { color:var(--theme-error-fg); } /* These legacy warning containers report field validation errors. */ :where(html[data-theme]:not([data-theme="default"])) :is(#editProfileError,#regError,#peopleTimeZoneError) { background-color:var(--theme-error-bg);color:var(--theme-error-fg);border-color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) .signup-steps #regStepTitle:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .own-profile-details>summary:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .busy .form-actions, :where(html[data-theme]:not([data-theme="default"])) .account-password-fields:disabled, :where(html[data-theme]:not([data-theme="default"])) .pa-fields:disabled { opacity:1; } :where(html[data-theme]:not([data-theme="default"])) .profile-editor .account-private-email, :where(html[data-theme]:not([data-theme="default"])) .compact-account .account-private-email, :where(html[data-theme]:not([data-theme="default"])) .own-profile .account-private-email { background-color:transparent; } :where(html[data-theme]:not([data-theme="default"])) .im-install-devices .btn[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .im-install-devices .btn[aria-pressed="true"]:hover:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } /* Activity cards, filters, joining and private level review. */ :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card { --ac-tint:var(--theme-selection-bg);--ac-accent:var(--theme-selection-fg);background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 3px 12px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-cover-empty { background:radial-gradient(circle at 20% 80%,var(--theme-card) 0 18%,transparent 19%),radial-gradient(circle at 80% 20%,var(--theme-card) 0 22%,transparent 23%),var(--theme-selection-bg);color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-facts .icon { color:var(--theme-icon); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-audience-badge { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-footer-actions>.btn:not(.ac-join) { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-footer-actions>.btn:not(.ac-join):hover:not(:disabled) { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-title>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-host-info>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-more>summary:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .pa-form, :where(html[data-theme]:not([data-theme="default"])) .pa-card, :where(html[data-theme]:not([data-theme="default"])) .pa-confirm, :where(html[data-theme]:not([data-theme="default"])) .pa-level-form, :where(html[data-theme]:not([data-theme="default"])) :is(.home-stream,.post-stream,.guest-discovery) .pa-card { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .pa-skill-summary { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .pa-enable input, :where(html[data-theme]:not([data-theme="default"])) .pa-level-review>input, :where(html[data-theme]:not([data-theme="default"])) .paf-check input { accent-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .pa-choice, :where(html[data-theme]:not([data-theme="default"])) .mpa-link, :where(html[data-theme]:not([data-theme="default"])) .paf-preset { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .pa-choice:hover:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .mpa-link:hover:not(:disabled), :where(html[data-theme]:not([data-theme="default"])) .paf-preset:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .pa-request-badge, :where(html[data-theme]:not([data-theme="default"])) .mpa-count { background-color:var(--theme-warning-bg);color:var(--theme-warning-fg);border-color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) .pa-fields .location-country-toggle { background-color:var(--theme-input); } :where(html[data-theme]:not([data-theme="default"])) .paf-panel, :where(html[data-theme]:not([data-theme="default"])) .paf-location-disclosure, :where(html[data-theme]:not([data-theme="default"])) .mpa-entry { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .paf-panel>summary { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .paf-applied { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .paf-location-panel { background-color:var(--theme-raised);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .paf-location-options button { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .paf-location-options button:hover:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .pa-choice:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .pa-management>summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .pa-form-options>summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .mpa-link:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .mpa-field select:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .paf-panel>summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .paf-preset:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .paf-location-options button:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } /* Profiles, personal photos, viewers and account menus. */ :where(html[data-theme]:not([data-theme="default"])) .guest-person .meta .pill, :where(html[data-theme]:not([data-theme="default"])) .activity .meta>.pill:not(.teal):not(.orange) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .person-interests .pill, :where(html[data-theme]:not([data-theme="default"])) .member-page-header .pill, :where(html[data-theme]:not([data-theme="default"])) .member-page-about .pill, :where(html[data-theme]:not([data-theme="default"])) .profile-hero .meta .pill, :where(html[data-theme]:not([data-theme="default"])) .own-profile-panel .meta .pill { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .member-page-identity .profile-avatar { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .member-bio-toggle { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .member-bio-toggle:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .member-page-tabs>.btn { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .member-page-tabs>.btn[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);box-shadow:inset 0 -3px 0 var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .member-page-options>div { background-color:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 8px 30px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .member-page-options>div>.btn:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .member-page-role { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .own-page-entry { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .profile-photo-tile { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .profile-photo-preview, :where(html[data-theme]:not([data-theme="default"])) .profile-photo-summary-preview { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .profile-photo-panel>summary:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .member-bio-toggle:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .profile-photo-tile:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .photo-crop-stage:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .photo-crop-stage { background-color:var(--theme-photo-bg); } :where(html[data-theme]:not([data-theme="default"])) .photo-crop-stage[aria-disabled="true"] { opacity:1; } :where(html[data-theme]:not([data-theme="default"])) .photo-crop-zoom input[type="range"] { accent-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .modal.activity-photo-modal { background-color:var(--theme-photo-bg);color:var(--theme-photo-fg);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .activity-photo-viewer header h2 { color:var(--theme-photo-fg); } :where(html[data-theme]:not([data-theme="default"])) .activity-photo-close { background-color:var(--theme-photo-bg);color:var(--theme-photo-fg);border-color:var(--theme-photo-fg); } :where(html[data-theme]:not([data-theme="default"])) .activity-photo-stage [role="status"] { color:var(--theme-photo-fg); } :where(html[data-theme]:not([data-theme="default"])) .post .post-secondary-actions { background-color:var(--theme-raised);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .post .post-secondary-actions>.btn:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .social-profile-link:hover { background-color:var(--theme-subtle);border-color:var(--theme-control-border);color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .social-profile-link:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } /* Experiences, Wishlist shared cards, editor, map chrome and visitor details. */ :where(html[data-theme]:not([data-theme="default"])) .business-search, :where(html[data-theme]:not([data-theme="default"])) .business-city, :where(html[data-theme]:not([data-theme="default"])) .business-status-filter select, :where(html[data-theme]:not([data-theme="default"])) .business-location-button, :where(html[data-theme]:not([data-theme="default"])) .business-sort>select { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .business-search-submit { background-color:var(--theme-primary);color:var(--theme-on-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-search-submit:hover:not(:disabled) { background-color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .business-search-submit:active:not(:disabled) { background-color:var(--theme-primary-pressed); } :where(html[data-theme]:not([data-theme="default"])) .business-city>.business-icon { color:var(--theme-icon); } :where(html[data-theme]:not([data-theme="default"])) .business-search:focus-within, :where(html[data-theme]:not([data-theme="default"])) .business-city:focus-within { outline:2px solid var(--theme-primary);outline-offset:2px;border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-category { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-category-icon { background-color:var(--theme-card);color:var(--theme-icon);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-category.is-selected { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg);box-shadow:0 2px 6px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-category:hover:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) .business-category.is-selected .business-category-icon { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-card { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 3px 14px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-card:hover { box-shadow:0 7px 20px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-media, :where(html[data-theme]:not([data-theme="default"])) .business-cover { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-art { background-color:var(--theme-subtle);color:var(--theme-icon); } :where(html[data-theme]:not([data-theme="default"])) .business-art-mark .business-icon { filter:drop-shadow(0 2px 0 var(--theme-shadow)); } :where(html[data-theme]:not([data-theme="default"])) .business-category-label { background-color:var(--theme-card);color:var(--theme-text);box-shadow:0 1px 5px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-listing-state { background-color:var(--theme-info-bg);color:var(--theme-info-fg);box-shadow:0 1px 5px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-card-link, :where(html[data-theme]:not([data-theme="default"])) .business-price strong { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .business-card-location, :where(html[data-theme]:not([data-theme="default"])) .business-price-main bdi, :where(html[data-theme]:not([data-theme="default"])) .business-price-note, :where(html[data-theme]:not([data-theme="default"])) .business-card-body .business-card-no-price, :where(html[data-theme]:not([data-theme="default"])) .business-empty p, :where(html[data-theme]:not([data-theme="default"])) .business-loading, :where(html[data-theme]:not([data-theme="default"])) .business-detail-category, :where(html[data-theme]:not([data-theme="default"])) .business-detail-place, :where(html[data-theme]:not([data-theme="default"])) .business-detail-note, :where(html[data-theme]:not([data-theme="default"])) .business-photo-unavailable, :where(html[data-theme]:not([data-theme="default"])) .business-geo-status, :where(html[data-theme]:not([data-theme="default"])) .business-map-status, :where(html[data-theme]:not([data-theme="default"])) .business-card-location .business-distance, :where(html[data-theme]:not([data-theme="default"])) .business-map-count, :where(html[data-theme]:not([data-theme="default"])) .business-map-place>small, :where(html[data-theme]:not([data-theme="default"])) .business-pin-help { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .business-loading-dot { background-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-skeleton { background:linear-gradient(var(--theme-disabled-bg) 0 65%,var(--theme-card) 65%);border-color:var(--theme-disabled-bg); } :where(html[data-theme]:not([data-theme="default"])) .business-gallery figure { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-gallery figcaption { background-color:var(--theme-photo-bg);color:var(--theme-photo-fg); } :where(html[data-theme]:not([data-theme="default"])) .business-photo-row img { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .business-modal .form-actions { background-color:var(--theme-raised); } :where(html[data-theme]:not([data-theme="default"])) .business-view-switch { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .business-view-switch>button { color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .business-view-switch>button[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg);box-shadow:0 1px 4px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-map-place { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .business-map-place:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .business-facilities li { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-modal .business-facility-options input, :where(html[data-theme]:not([data-theme="default"])) .business-modal .business-hours-toggle input { accent-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-category:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-card:has(.business-card-link:focus-visible), :where(html[data-theme]:not([data-theme="default"])) .business-gallery:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-detail-nav :focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-location-button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-view-switch>button:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-map-place:focus-visible, :where(html[data-theme]:not([data-theme="default"])) .business-map-canvas:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .business-card-link:focus-visible { outline:0; } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) .business-map-controls .leaflet-control-zoom a { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) .business-map-controls .leaflet-control-zoom a:hover { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .business-map-controls .leaflet-control-zoom a:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface .leaflet-control-attribution { background-color:var(--theme-card);color:var(--theme-secondary); } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface .leaflet-control-attribution a { color:var(--theme-primary);text-decoration:underline; } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip) { background-color:var(--theme-raised);color:var(--theme-text);box-shadow:0 3px 14px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface a.leaflet-popup-close-button { color:var(--theme-icon); } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface a.leaflet-popup-close-button:hover { color:var(--theme-primary-hover);background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) .business-map-surface a.leaflet-popup-close-button:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } :where(html[data-theme]:not([data-theme="default"])) .business-map-pin { filter:drop-shadow(0 2px 2px var(--theme-shadow)); } :where(html[data-theme]:not([data-theme="default"])) .business-map-pin>span { background-color:var(--theme-primary);border-color:var(--theme-on-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-map-pin>span::after { border-color:var(--theme-on-primary); } :where(html[data-theme]:not([data-theme="default"])) .business-map-pin.is-picked>span { background-color:var(--theme-primary-pressed); } :where(html[data-theme]:not([data-theme="default"])) .business-map-pin:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } /* Public documents. Preserve original pattern artwork and shadow geometry. */ :where(html[data-theme]:not([data-theme="default"])) .about-page { background-color:var(--theme-page); } :where(html[data-theme]:not([data-theme="default"])) .about-card { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border);border-top-color:var(--theme-primary);box-shadow:0 18px 64px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) .about-story { color:var(--theme-text); } :where(html[data-theme]:not([data-theme="default"])) .about-email, :where(html[data-theme]:not([data-theme="default"])) .about-footer a, :where(html[data-theme]:not([data-theme="default"])) .policy-contents a { color:var(--theme-primary);text-decoration:underline; } :where(html[data-theme]:not([data-theme="default"])) .about-email:hover, :where(html[data-theme]:not([data-theme="default"])) .about-footer a:hover, :where(html[data-theme]:not([data-theme="default"])) .policy-contents a:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .policy-contents { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } /* Standalone guest invitation. Body identity scopes avoid cross-route .primary collisions. */ :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) { --paper:var(--theme-page);--accent:var(--theme-selection-bg);--focus:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .brand { background-color:var(--theme-nav); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .invite-card { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border);box-shadow:0 12px 40px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .hero-icon { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .private-location { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .response-choice { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .response-choice:hover:not(:disabled) { background-color:var(--theme-selection-bg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .response-choice[aria-pressed="true"] { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg);box-shadow:0 3px 10px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .primary { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .primary:hover:not(:disabled) { background-color:var(--theme-primary-hover);border-color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .primary:active:not(:disabled) { background-color:var(--theme-primary-pressed);border-color:var(--theme-primary-pressed); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .text-button, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .home-link, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .invite-experience a { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .text-button:hover, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .home-link:hover, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .invite-experience a:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .invite-experience a { text-decoration:underline; } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .field-error { color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .status.error { background-color:var(--theme-error-bg);color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .recovery { background-color:var(--theme-warning-bg);border-color:var(--theme-warning-fg);color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .recovery p { color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .refresh-button { color:var(--theme-icon); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .refresh-button:hover { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .pulse { background-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion textarea { background-color:var(--theme-input);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion textarea::placeholder { color:var(--theme-placeholder); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion textarea:focus { border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion textarea[aria-invalid="true"] { border-color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion textarea:focus-visible, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .suggestion summary:focus-visible { outline:2px solid var(--theme-primary);outline-offset:2px; } /* Standalone Quick room. Keep its logo, photos, QR pixels and printed QR sheet intact. */ :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) { --paper:var(--theme-page);--white:var(--theme-card);--soft:var(--theme-subtle);--lime:var(--theme-selection-bg);--danger:var(--theme-danger);--shadow:0 18px 65px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .brand-mark:before { background-color:#183c32; } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .brand-mark:after { background-color:#d4ee8c; } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .site-header { background-color:var(--theme-nav); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .skip-link { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .primary { background-color:var(--theme-primary);color:var(--theme-on-primary);border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .primary:hover:not(:disabled) { background-color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .primary:active:not(:disabled) { background-color:var(--theme-primary-pressed); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .secondary { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .secondary:hover:not(:disabled) { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .secondary:active:not(:disabled) { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .text-button, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .contact-link { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .text-button:hover, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .contact-link:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .badge { background-color:var(--theme-info-bg);color:var(--theme-info-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .status-dot { background-color:var(--theme-info-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .badge.live { background-color:var(--theme-success-bg);color:var(--theme-success-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .badge.live .status-dot { background-color:var(--theme-success-fg);box-shadow:0 0 0 4px var(--theme-success-bg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .badge.reconnecting { background-color:var(--theme-warning-bg);color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .badge.reconnecting .status-dot { background-color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .eyebrow:before { background-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .error { background-color:var(--theme-error-bg);color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .spinner { border-color:var(--theme-subtle);border-top-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .counter.complete { color:var(--theme-success-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .hobby { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .hobby:hover:not(:disabled) { background-color:var(--theme-selection-bg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .hobby[aria-pressed="true"], :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .selected-hobby { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .hobby[aria-pressed="true"] { box-shadow:0 0 0 1px var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .selection-track { background-color:var(--theme-subtle); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .selection-track span { background-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .contact-toggle, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .match-card, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .quiet-card, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .empty-state { background-color:var(--theme-card);color:var(--theme-text);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .profile-strip { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .small-avatar { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .match-card.best { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .best .rank { color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .match-count, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .best .match-count, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .pill { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .empty-icon { background-color:var(--theme-subtle);color:var(--theme-secondary);border-color:var(--theme-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .confirmation { background-color:var(--theme-warning-bg);color:var(--theme-warning-fg);border-color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .danger-button { background-color:var(--theme-danger);color:var(--theme-on-danger);border-color:var(--theme-danger); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .danger-button:hover:not(:disabled) { background-color:var(--theme-danger-hover); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .danger-button:active:not(:disabled) { background-color:var(--theme-danger-pressed); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .share-panel { background-color:var(--theme-selection-bg);color:var(--theme-selection-fg);border-color:var(--theme-selection-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .share-copy .input { background-color:var(--theme-input); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .network-notice { background-color:var(--theme-warning-bg);color:var(--theme-warning-fg);border-color:var(--theme-warning-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .network-notice .text-button { color:inherit; } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .toast { background-color:var(--theme-info-bg);color:var(--theme-info-fg);box-shadow:0 8px 30px var(--theme-shadow); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .input { background-color:var(--theme-input);color:var(--theme-text);border-color:var(--theme-control-border); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .input::placeholder { color:var(--theme-placeholder); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .input:focus { border-color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .input[aria-invalid="true"] { border-color:var(--theme-error-fg); } :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) p a { text-decoration:underline; } /* Genuine disabled controls only; never fade editor text, instructions or whole containers. */ :where(html[data-theme]:not([data-theme="default"])) .guest-primary-actions .btn:disabled, :where(html[data-theme]:not([data-theme="default"])) .choice-preset:disabled, :where(html[data-theme]:not([data-theme="default"])) .choice-chip:disabled, :where(html[data-theme]:not([data-theme="default"])) .choice-single-input>button:disabled, :where(html[data-theme]:not([data-theme="default"])) .location-country-toggle:disabled, :where(html[data-theme]:not([data-theme="default"])) .language-option:disabled, :where(html[data-theme]:not([data-theme="default"])) .pa-choice:disabled, :where(html[data-theme]:not([data-theme="default"])) .paf-preset:disabled, :where(html[data-theme]:not([data-theme="default"])) .mpa-link:disabled, :where(html[data-theme]:not([data-theme="default"])) .business-category:disabled, :where(html[data-theme]:not([data-theme="default"])) .business-search-submit:disabled, :where(html[data-theme]:not([data-theme="default"])) .business-location-button:disabled, :where(html[data-theme]:not([data-theme="default"])) .business-view-switch>button:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .response-choice:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .primary:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.invite-shell) .refresh-button:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .primary:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .secondary:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .hobby:disabled, :where(html[data-theme]:not([data-theme="default"])) body:has(>.site-header) .selected-hobby:disabled { opacity:1;background-color:var(--theme-disabled-bg);color:var(--theme-disabled-fg);border-color:var(--theme-control-border); } /* Teal primary text needs a local darker value on subtle/selected surfaces only. */ :where(html[data-theme="teal"]) .pa-form .btn.ghost { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) .paf-panel .btn.ghost { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) .mpa-entry .btn.ghost { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) .guest-invitation .btn.ghost { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) .guest-purpose .btn.ghost { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) body:has(>.site-header) .profile-strip .text-button { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) body:has(>.site-header) .match-card.best .contact-link { color:var(--theme-primary-hover); } :where(html[data-theme="teal"]) body:has(>.site-header) .share-panel .text-button { color:var(--theme-primary-hover); } /* Existing first-party pattern: identical SVG geometry/opacity; only its two decorative stroke colours change. Logo/favicon and content images are untouched. */ :where(html[data-theme="blue"]) .about-page, :where(html[data-theme="blue"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23EEF2FF%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="teal"]) .about-page, :where(html[data-theme="teal"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E8F6F6%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="purple"]) .about-page, :where(html[data-theme="purple"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23F2EDFF%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="forest"]) .about-page, :where(html[data-theme="forest"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23EAF3ED%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="sunset"]) .about-page, :where(html[data-theme="sunset"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23FFF0E8%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="black-white"]) .about-page, :where(html[data-theme="black-white"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23E4E7EC%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23EEEEEE%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } :where(html[data-theme="dark"]) .about-page, :where(html[data-theme="dark"]) .tools-heading::after { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.2%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23394452%22%20opacity%3D%22.65%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2272%22%20y%3D%2272%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22168%22%20y%3D%22-24%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-24%22%20y%3D%22168%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20stroke%3D%22%23253252%22%20opacity%3D%22.6%22%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%2224%22%20y%3D%2224%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22120%22%20y%3D%22-72%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20x%3D%22-72%22%20y%3D%22120%22%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2232%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } /* Plain disclosure actions retain their original geometry and visible labels. */ :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-more>summary { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .activity-feed-card .ac-more>summary:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .member-page-about>summary { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .member-page-about>summary:hover { color:var(--theme-primary-hover); } :where(html[data-theme]:not([data-theme="default"])) .profile-photo-info>summary { color:var(--theme-primary); } :where(html[data-theme]:not([data-theme="default"])) .profile-photo-info>summary:hover { color:var(--theme-primary-hover); } /* Main standalone headers share the main logo palette; Quick and print retain their existing colours. */ .standalone-brand-logo { display:block; flex:none; } /* Isolate each script so the bilingual name keeps its order in every locale. */ .brand-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:2px; } .brand-copy .brand-wordmark { display:block; direction:ltr; unicode-bidi:isolate; white-space:nowrap; font-size:18px; line-height:1.4; letter-spacing:0; } .brand-wordmark bdi { font-weight:700; } .brand-divider { font-weight:400; opacity:.55; } .brand-tagline { display:block; font-size:11px; font-weight:500; line-height:1.3; letter-spacing:0; white-space:nowrap; } .community-app .topbar-inner .brand-copy .brand-wordmark { display:block; } @media(max-width:380px) { .community-app .brand-copy .brand-wordmark { font-size:15px; } .community-app .brand-tagline { font-size:10px; } .community-app .topbar-inner { gap:10px; } } html[data-theme="dark"] .standalone-brand-logo { --brand-background:#222b35; --brand-first:#f2f4f7; --brand-second:#9cafff; }