/* Private theme compatibility at shared-surface boundaries. Public banner,
   avatar and Binder cover colours remain independently authored cosmetics. */
/* Display roles carry the room identity; controls, prices and authored cover
   lettering retain their own typography. Do not synthesize a heavier face. */
html[data-appearance] :is(.binder-manager-panel-head h2,.binder-empty-hero h2,
  .library-toolbar h2,.set-browse-heading h2,.people-result-head h2,
  .setup-form h2,.studio-preview-copy h3,.profile-page .profile-module-head h2,
  .profile-sharing-body h2) {
  font-family:var(--font-display); font-weight:var(--font-display-weight);
  line-height:1.2; overflow-wrap:anywhere;
}
html[data-appearance] :is(.profile-page,.profile-studio-view,.people-page,.friends-page,.social-hub,.connect-door,.binder-manager,.social-tray,.exhibit-dialog,.profile-sharing-dialog) {
  --signal:var(--chart-series); --signal-violet:var(--chart-series);
  --signal-soft:color-mix(in srgb,var(--chart-series) 15%,transparent);
  --live:var(--chart-series); --violet-lo:var(--chart-series); --violet-hi:var(--chart-series);
  --profile-edge:var(--line);
}
html[data-appearance] :is(.profile-page,.profile-studio-view) {
  --panel:inherit;
  /* Capture the private room's ink before the public banner sets its own. */
  --profile-control-ink:var(--ink); --profile-control-muted:var(--ink-2);
  --profile-control-line:var(--line-strong);
  --profile-control-soft:var(--line);
}
html[data-appearance] .social-request-signal {
  background:var(--panel); border-color:var(--line-strong); color:var(--ink);
}
html[data-appearance] .social-request-signal > strong { font-size:14px; }
html[data-appearance] .social-request-signal > em { color:var(--ink-2); font:600 12px/1.4 var(--font); }
html[data-appearance] :is(.social-request-signal > span,.friend-request-count) {
  background:var(--raised); color:var(--ink); border:1px solid var(--line-strong);
  font:600 12px/1.4 var(--font);
}
html[data-appearance] .profile-hero {
  /* This is a dark public banner, irrespective of the viewer's private room. */
  --ink:#F4F4F5; --ink-2:#CCD0D6; --ink-3:#CCD0D6;
  --signal:color-mix(in srgb,var(--chart-series) 55%,white);
  --violet-lo:var(--signal); --violet-ink:var(--signal);
  --line:rgb(255 255 255 / .18); --line-strong:rgb(255 255 255 / .5);
  color:var(--ink); border-color:var(--profile-edge); box-shadow:var(--shadow-object);
}
html[data-appearance] .profile-hero :is(.profile-eyebrow,.profile-since) { color:var(--ink-2); }
html[data-appearance] .profile-hero .profile-handle { color:var(--ink-2); }
html[data-appearance] .profile-hero :is(.profile-context,.profile-accession,.profile-hero-signal small,.profile-bio.quiet) { color:var(--ink-2); }
html[data-appearance] .profile-action { background:var(--panel); color:var(--ink); border-color:var(--line-strong); min-height:44px; font-size:12px; }
html[data-appearance] .profile-hero .profile-action { background:var(--panel); color:var(--profile-control-ink); border-color:var(--profile-control-line); }
html[data-appearance] .profile-hero .profile-action.primary { background:var(--action); color:var(--on-action); border-color:var(--action); }
html[data-appearance] .profile-hero .profile-action:hover { background:var(--raised); border-color:var(--focus); }
html[data-appearance] .profile-hero .profile-action.primary:hover { background:var(--action-hover); }
html[data-appearance] .profile-hero .profile-action:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
html[data-appearance] .profile-action i { border-color:currentColor; box-shadow:none; }
/* The bio is a reading surface, separate from the collector's banner image. */
html[data-appearance] .profile-hero-foot { background:var(--panel); border-color:var(--profile-control-line); }
html[data-appearance] .profile-hero-foot .profile-bio { color:var(--profile-control-ink); }
html[data-appearance] .profile-hero-foot :is(.profile-bio.quiet,.profile-since) { color:var(--profile-control-muted); }
html[data-appearance] .profile-register.reg-se { --signal:var(--chart-series); }
html[data-appearance] .profile-mode-dock { background:var(--panel); border-color:var(--line); }
html[data-appearance] .profile-mode-dock a { min-height:64px; }
html[data-appearance] .profile-mode-dock :is(i,em) { font-size:10px; }
html[data-appearance] .profile-mode-dock strong { font-size:14px; }
html[data-appearance] .profile-mode-dock small { font-size:12px; white-space:normal; }
html[data-appearance] .profile-room-nav { background:var(--panel); }
html[data-appearance] :is(.profile-stats .k,.profile-featured-copy small,.people-hero p,.person-row-copy small,.person-row-copy p,.profile-sharing-strip p) { color:var(--ink-2); }
html[data-appearance] .profile-stats .sensitive .n { color:var(--ink); }
html[data-appearance] :is(.profile-stats .k,.profile-featured-copy small,.profile-binder-story dt,.signal-kicker,.signal-subtitle,.profile-label,.lane-rail-label span,.telemetry-lead span,.current-chase-category,.current-chase-percent,.current-chase-route>span,.current-chase-route small,.current-chase-open) { font-size:12px; }
html[data-appearance] :is(.profile-sharing-strip,.profile-card-showcase,.profile-binder-exhibit,.profile-trophy-signal) { background:var(--panel); border-color:var(--line); }
html[data-appearance] .profile-binder-label { padding:8px; background:var(--panel); border-radius:4px; }
html[data-appearance] .profile-binder-label small { color:var(--ink-2); }
html[data-appearance] .profile-featured-copy strong { font-size:14px; }
html[data-appearance] :is(.signal-panel .profile-label,.signal-panel .profile-module-state,.panel-index,.profile-inline-edit) { color:var(--chart-series); font-size:12px; }
html[data-appearance] .signal-panel .profile-module-state { border-color:var(--line-strong); }
html[data-appearance] :is(.profile-telemetry,.profile-lane-rail) { background:var(--panel); }
/* These labels sit inside filled panels, so keep them inset like their content. */
html[data-appearance] :is(.telemetry-lead,.lane-rail-label) { padding-inline:18px; }
@media (max-width:640px) {
  html[data-appearance] .profile-stats .stat { padding-inline:18px; }
  html[data-appearance] .profile-stats .stat:last-child:nth-child(odd) { grid-column:1 / -1; }
  html[data-appearance] .profile-lane-rail .profile-interest-list { margin-inline:0; padding-inline:0; }
  html[data-appearance] .profile-lane-rail .profile-interest { padding-inline:18px; }
  html[data-appearance] .profile-lane-rail .profile-interest:first-child { border-left:0; }
}
html[data-appearance] :is(.profile-portfolio-entry,.profile-binder-actions a) { min-height:44px; font-size:12px; color:var(--chart-series); }
html[data-appearance] .people-hero::after { color:color-mix(in srgb,var(--ink-2) 40%,transparent); }
/* The old radar is hidden, but leave no Holo cyan in its computed artwork. */
html[data-appearance] .people-hero::before { border-color:var(--line); background:none; }
html[data-appearance] .studio-preview-card {
  --ink:#F4F4F5; --ink-2:#CCD0D6; --ink-3:#CCD0D6;
  --ground-0:#101114; --ground-1:#1B1D22;
  --signal:color-mix(in srgb,var(--chart-series) 55%,white);
  --violet-lo:var(--signal); --live:var(--signal);
}

/* On-art ink is neutral and readable; interface metadata has its own opaque
   theme face. Never retint the banner/cover/avatar's --base or --accent. */
html[data-appearance] .profile-hero-signal {
  --ink:var(--profile-control-ink); --ink-2:var(--profile-control-muted);
  --ink-3:var(--profile-control-muted); --signal:var(--chart-series);
  background:var(--panel); color:var(--ink); border-color:var(--signal);
  padding:14px 18px;
}
html[data-appearance] .profile-hero .profile-hero-signal small { color:var(--ink-2); }
html[data-appearance] .profile-register::before,
html[data-appearance] .profile-register::after { box-shadow:0 0 12px color-mix(in srgb,var(--signal) 25%,transparent); }
html[data-appearance] .profile-hero::before {
  background:linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--signal) 20%,transparent) 50%,transparent 50.3%),
    linear-gradient(0deg,transparent 49.7%,color-mix(in srgb,var(--signal) 20%,transparent) 50%,transparent 50.3%),
    repeating-radial-gradient(circle,transparent 0 38px,rgb(255 255 255 / .067) 39px 40px);
}
html[data-appearance] .profile-page::before {
  background:linear-gradient(90deg,transparent 9.9%,var(--signal-soft) 10%,transparent 10.1% 89.9%,var(--signal-soft) 90%,transparent 90.1%);
}
html[data-appearance] :is(.studio-preview-foot,.studio-preview-card .profile-action) {
  --ink:var(--profile-control-ink); --ink-2:var(--profile-control-muted);
  --ink-3:var(--profile-control-muted); --live:var(--chart-series);
  background:var(--panel); color:var(--ink); border-color:var(--profile-control-line);
}
html[data-appearance] :is(.profile-portfolio-entry,.profile-binder-actions a,.sharing-settings-link,.friends-empty-mark,.person-row-state.is-accepted,.person-row-state.is-incoming) {
  background:var(--raised); border-color:var(--line-strong);
}
html[data-appearance] :is(.profile-portfolio-entry,.profile-binder-actions a):hover { background:var(--panel); border-color:var(--focus); }
html[data-appearance] :is(.profile-exhibit-code,.profile-binder-story dt,.showcase-note-field>span,.lane-number) { color:var(--ink-2); }
html[data-appearance] :is(.profile-featured-art,.showcase-no-art,.showcase-empty-slot) {
  background:linear-gradient(145deg,color-mix(in srgb,var(--chart-series) 8%,var(--panel)),var(--ground)); border-color:var(--line-strong);
}
html[data-appearance] .profile-card-showcase q { background:var(--raised); color:var(--ink-2); border-left-color:var(--chart-series); font-size:12px; }
html[data-appearance] .profile-featured-copy em { font-size:12px; }
html[data-appearance] :is(.exhibit-no-art,.social-status) { border-color:var(--line-strong); }
html[data-appearance] .pick:has(input:checked) { border-color:var(--focus); background:var(--raised); }
html[data-appearance] :is(.lane-starters :where(button),.lane-add,.context-help,.interest-editor-row,.showcase-curator,.showcase-card-choice,.showcase-search-box,.showcase-search-result,.showcase-note-field :where(textarea)) {
  background:var(--panel); color:var(--ink-2); border-color:var(--line-strong);
}
html[data-appearance] :is(.lane-starters button,.lane-add,.showcase-search-result):hover {
  background:var(--raised); color:var(--ink); border-color:var(--focus);
}
html[data-appearance] .context-help [role="tooltip"] { background:var(--raised); color:var(--ink); border-color:var(--line-strong); box-shadow:var(--shadow); }
html[data-appearance] .context-help:is(:hover,:focus-visible) { color:var(--chart-series); border-color:var(--focus); }
html[data-appearance] .context-help:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
html[data-appearance] .showcase-selected { background:radial-gradient(circle at 50% 110%,var(--signal-soft),transparent 55%); border-color:var(--line); }
html[data-appearance] :is(.showcase-pick-order,.showcase-remove) { background:var(--raised); color:var(--ink); border-color:var(--line-strong); }
html[data-appearance] .showcase-empty-slot span { color:var(--ink-2); }
html[data-appearance] .showcase-empty-slot i { border-color:var(--line-strong); box-shadow:4px 3px 0 -1px var(--line); }
html[data-appearance] .showcase-empty-slots>span { background:var(--raised); border-color:var(--line-strong); }
html[data-appearance] .showcase-empty-slots>span::before { border-color:var(--line-strong); }
html[data-appearance] .showcase-empty-slots>span i { color:var(--ink-2); }
html[data-appearance] .trophy-signal-stage { background:linear-gradient(90deg,transparent 49.8%,var(--signal-soft) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,var(--signal-soft) 50%,transparent 50.2%); }
html[data-appearance] .trophy-socket { background:radial-gradient(circle,var(--signal-soft),var(--ground) 67%); border-color:var(--line-strong); box-shadow:inset 0 0 35px var(--signal-soft),0 0 40px var(--signal-soft); }
html[data-appearance] .trophy-socket::before,
html[data-appearance] :is(.trophy-socket i,.signal-orbit,.signal-slots span) { border-color:var(--line-strong); }
html[data-appearance] .trophy-socket::after { background:var(--signal-soft); }
html[data-appearance] .signal-slots span { background:var(--raised); }
html[data-appearance] .profile-actions .btn-secondary:hover { box-shadow:0 0 18px var(--signal-soft); border-color:var(--focus); }
html[data-appearance] .profile-preview-ribbon { background:var(--panel); border-color:var(--line-strong); border-left-color:var(--chart-series); }
html[data-appearance] .profile-preview-ribbon::after { color:var(--ink-2); }
html[data-appearance] .preview-radar { border-color:var(--line-strong); background:repeating-radial-gradient(circle,transparent 0 6px,var(--signal-soft) 7px 8px); }
html[data-appearance] .preview-radar::before,
html[data-appearance] .preview-radar::after { background:var(--line-strong); }
html[data-appearance] .profile-preview-actions a:last-child { background:var(--raised); color:var(--chart-series); border-color:var(--line-strong); }
html[data-appearance] .profile-preview-actions a:hover { border-color:var(--focus); }
html[data-appearance] .showcase-search-results { scrollbar-color:var(--line-strong) transparent; }
html[data-appearance] :is(.showcase-search-box:focus-within,.showcase-note-field textarea:focus) { border-color:var(--focus); box-shadow:0 0 0 2px var(--focus); }
html[data-appearance] .showcase-note-field textarea::placeholder { color:var(--ink-3); }
/* Studio reading controls are full-size UI, not lettering inside the miniature
   public calling-card preview. Keep the preview and cosmetic artwork authored. */
html[data-appearance] .profile-studio-view :is(.studio-loadout-nav small,.pickname,.field-optional,.lane-meter,.showcase-count,.showcase-card-copy small,.showcase-search-caption,.result-add,.showcase-search-idle p,.showcase-search-empty p,.room-layout-state) {
  font-size:12px; line-height:1.4;
}
html[data-appearance] .profile-studio-view :is(.studio-loadout-nav strong,.lane-starters button,.lane-add,.showcase-card-copy strong,.showcase-note-field>span,.showcase-search-idle strong,.showcase-search-empty strong) {
  font-size:14px; line-height:1.4;
}
html[data-appearance] .profile-studio-view :is(.studio-loadout-nav small,.showcase-card-copy strong) { white-space:normal; overflow-wrap:anywhere; }
html[data-appearance] .profile-studio-view .showcase-selected { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
html[data-appearance] .profile-studio-view .showcase-selected .showcase-card-thumb { grid-row:auto; }
html[data-appearance] .profile-studio-view .showcase-note-field { grid-column:1/-1; }
html[data-appearance] .profile-studio-view .showcase-search-results { grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); }
html[data-appearance] .profile-studio-view .showcase-search-result { grid-template-columns:48px minmax(0,1fr); }
html[data-appearance] .profile-studio-view .showcase-search-result .showcase-card-thumb { grid-row:1/span 2; }
html[data-appearance] .profile-studio-view .showcase-search-result .result-add { grid-column:2; }
html[data-appearance] .profile-studio-view .result-add { color:var(--ink-2); }
html[data-appearance] .profile-studio-view .showcase-search-caption { flex-wrap:wrap; }
html[data-appearance] .profile-studio-view :is(.showcase-note-field textarea,.showcase-search-box input,.interest-editor-row select) { font-size:16px; }
html[data-appearance] .profile-studio-view .pick.locked,
html[data-appearance] .profile-studio-view .showcase-search-result:disabled { opacity:1; }
html[data-appearance] .profile-studio-view .pick.locked :is(.avatar-obj,.banner-obj),
html[data-appearance] .profile-studio-view .showcase-search-result:disabled .showcase-card-thumb { opacity:.55; }
html[data-appearance] .network-frequencies>span { color:var(--ink-2); }
html[data-appearance] .network-frequencies a { background:var(--raised); color:var(--ink-2); border-color:var(--line-strong); }
html[data-appearance] .activity-wave i { background:var(--line-strong); box-shadow:none; }
html[data-appearance] .profile-hero::after {
  background:linear-gradient(90deg,rgb(8 9 12 / .93),rgb(8 9 12 / .62) 53%,rgb(8 9 12 / .12)),
    linear-gradient(0deg,rgb(8 9 12 / .92),transparent 68%);
}

/* The Binder's leather, sleeves and card faces remain authored objects.
   Its surrounding room, controls and pull-out tray belong to the viewer. */
html[data-appearance] .binder-world { --live:color-mix(in srgb,var(--chart-series) 55%,white); background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--chart-series) 8%,transparent),transparent 58%),var(--ground); }
html[data-appearance] .binder-world::before { background:none; }
/* Page marks are printed on the physical sheet, but their ink follows the
   viewer's selected room instead of the old Holo Night-only footer colour. */
html[data-appearance] .binder-world .binder-sheet footer { color:color-mix(in srgb,var(--live) 82%,transparent); }
html[data-appearance] .binder-minimap button[aria-current="page"] { background:var(--raised); border-color:var(--chart-series); }
html[data-appearance] .binder-world :is(.binder-embossed,.binder-page-deck button,.binder-reader-controls button,.binder-accessory header button,.binder-card-drawer form button,.binder-card-results button) {
  background:var(--panel); color:var(--ink); border-color:var(--line-strong); text-shadow:none;
}
html[data-appearance] .binder-world :is(.binder-embossed,.binder-page-deck button,.binder-reader-controls button,.binder-card-results button):hover { background:var(--raised); border-color:var(--focus); }
html[data-appearance] .binder-world :is(.binder-shell-actions,.binder-reader-controls,.binder-card-results) [aria-pressed="true"] { background:var(--raised); color:var(--chart-series); border-color:var(--chart-series); }
html[data-appearance] .binder-world .binder-save { background:var(--action)!important; color:var(--on-action)!important; border-color:var(--action)!important; }
html[data-appearance] .binder-world .binder-save:hover { background:var(--action-hover)!important; }
html[data-appearance] :is(.binder-accessory,.binder-reader-controls,.binder-world-notice,.binder-first-run) { --live:var(--chart-series); background:var(--panel); color:var(--ink); border-color:var(--line-strong); }
html[data-appearance] :is(.binder-accessory header small,.binder-first-run-kicker) { color:var(--chart-series); }
html[data-appearance] :is(.binder-card-drawer p,.binder-card-results span,.binder-first-run p,.binder-first-run li) { color:var(--ink-2); text-shadow:none; }
html[data-appearance] .binder-world :is(input,select) { background:var(--raised); color:var(--ink); border-color:var(--line-strong); }
html[data-appearance] .binder-world :is(button,input,select):focus-visible { outline-color:var(--focus); }
html[data-appearance] :is(.binder-archive-plate small,.binder-inside-cover strong,.reader-pocket-want) { color:color-mix(in srgb,var(--chart-series) 55%,white); }
/* The cover and transparent sleeves are collector-owned objects. The archive
   label printed inside them follows the selected reading environment. */
html[data-appearance] .binder-world .binder-archive-plate {
  background:linear-gradient(135deg,color-mix(in srgb,var(--chart-series) 8%,transparent),transparent 46%),var(--panel);
  border-color:var(--line-strong);
  box-shadow:0 14px 34px #0008,inset 0 0 0 3px color-mix(in srgb,var(--ground) 75%,transparent);
}
html[data-appearance] .binder-archive-plate strong { color:var(--ink); }
html[data-appearance] .binder-archive-curator,
html[data-appearance] .binder-archive-plate em { color:var(--ink-2); }
html[data-appearance] .binder-archive-plate dl { border-top-color:var(--line-strong); }
html[data-appearance] .binder-archive-plate dt { color:var(--ink-3); }
html[data-appearance] .binder-archive-plate dd { color:var(--ink); }
html[data-appearance] .binder-world .reader-pocket.empty {
  border-color:color-mix(in srgb,var(--chart-series) 25%,#5a565d);
  background:linear-gradient(125deg,color-mix(in srgb,var(--chart-series) 10%,transparent),transparent 40%),#151518;
}
html[data-appearance] .binder-pocket-plus { color:var(--chart-series); }
html[data-appearance] .binder-world .reader-pocket.empty:hover,
html[data-appearance] .binder-world .reader-pocket.drop-target {
  outline-color:var(--focus);
  background:color-mix(in srgb,var(--chart-series) 14%,#151518);
}
html[data-appearance] .binder-world[data-dragging-card] .reader-pocket { outline-color:var(--focus); }
html[data-appearance] .binder-world .binder-placement-target { outline-color:var(--focus)!important; box-shadow:inset 0 0 24px color-mix(in srgb,var(--focus) 14%,transparent)!important; }

html[data-appearance] :is(.social-tray,.social-tray[open],.exhibit-dialog,.profile-sharing-dialog,.people-search,.share-fallback input) { background:var(--panel); color:var(--ink); border-color:var(--line-strong); box-shadow:var(--shadow); }
html[data-appearance] :is(.social-primary,.binder-manager-primary,.people-search button) { background:var(--action); color:var(--on-action); border-color:var(--action); }
html[data-appearance] :is(.social-secondary,.social-close,.binder-manager-secondary) { background:var(--panel); color:var(--ink); border-color:var(--line-strong); }
html[data-appearance] :is(.social-primary,.binder-manager-primary,.people-search button):hover { background:var(--action-hover); color:var(--on-action); }
html[data-appearance] :is(.social-secondary,.social-close,.binder-manager-secondary):hover { background:var(--raised); color:var(--ink); border-color:var(--chart-series); }
html[data-appearance] :is(.social-kicker,.social-slot-code,.social-status,.social-preview-note,.people-inline-head a,.people-result-head>span,.person-row-state,.person-row-arrow,.person-row-copy small) { color:var(--ink-2); }
html[data-appearance] :is(.person-row-copy>span,.person-row-copy small i,.person-row-open,.sharing-identity>div>span,.sharing-explanation,.sharing-access-list dd) { color:var(--ink-2); }
html[data-appearance] .people-search svg { stroke:var(--chart-series); }
html[data-appearance] .sharing-access-list dd.is-visible { color:var(--chart-series); }
html[data-appearance] :is(.people-search svg,.sharing-state,.sharing-state.is-public) { color:var(--chart-series); }
html[data-appearance] .people-search input { color:var(--ink); background:transparent; font-size:16px; }
html[data-appearance] .people-search button { min-height:44px; font-size:12px; }
html[data-appearance] :is(.person-row-copy small,.person-row-copy p,.person-row-state,.people-result-head>span) { font-size:12px; }
html[data-appearance] .social-tabs { background:var(--ground); border-color:var(--line); }
html[data-appearance] .social-tabs button { color:var(--ink-2); min-height:44px; }
html[data-appearance] .social-tabs button[aria-selected="true"] { background:var(--raised); color:var(--ink); box-shadow:inset 0 0 0 1px var(--chart-series); }
html[data-appearance] :is(.social-tray,.exhibit-dialog,.profile-sharing-dialog) :focus-visible { outline-color:var(--focus); }
html[data-appearance] :is(.social-tray-head h2,.profile-sharing-body h2) { font-family:var(--font-display); }
html[data-appearance] :is(.binder-manager-kicker,.binder-manager-panel-head span,.binder-manager-status,.binder-manager-friends em,.binder-manager-cover-studio>div>span) { font-size:12px; }
html[data-appearance] :is(.binder-manager-details input[type="text"],.binder-manager-details select,.binder-manager-details textarea) { font-size:16px; }
html[data-appearance] :is(.binder-manager-details label,.binder-manager-covers legend) { font-size:14px; }
html[data-appearance] :is(.binder-manager-breadcrumb,.binder-manager-facts span,.binder-manager-preview-boundary,.binder-manager-summary-copy small,.binder-manager-summary-copy i,.binder-manager-cover-note,.binder-manager-save-row p) { font-size:12px; }
html[data-appearance] .binder-manager-cover.locked { opacity:1; }
html[data-appearance] .binder-manager-cover.locked .binder-obj { opacity:.58; }
html[data-appearance] .binder-manager-cover :is(span,small) { max-width:none; font-size:12px; white-space:normal; }
html[data-appearance] .binder-manager-cover { flex-basis:110px; text-align:center; }

/* Dialogs are complete rooms: their headers, fields and footers must inherit
   the same material and ink as the body, including async/empty/error content. */
html[data-appearance] :is(.exhibit-bar,.social-tray-foot) { background:var(--panel); border-color:var(--line); }
html[data-appearance] :is(.sharing-footnote,.sharing-settings-link small,.social-lookup small,.social-room-link>span,.social-unavailable p,.social-object-rule p,.friend-help,.friend-identity small,.friend-pending,.friend-safety summary,.friend-remove summary,.friend-safety label,.friend-safety p,.friends-empty>p,.friends-empty-points small) { color:var(--ink-2); font-size:12px; }
html[data-appearance] :is(.sharing-settings-link,.social-room-link,.exhibit-caption) { border-color:var(--chart-series); }
html[data-appearance] :is(.sharing-settings-link>span:last-child,.social-room-link i,.social-room-link:hover,.social-lane-ready>a,.social-lane-glyph,.friend-visit,.friend-help a,.friend-list-heading a,.friends-empty>.friends-empty-mark,.friends-empty-points li>span,.exhibit-position) { color:var(--chart-series); }
html[data-appearance] .social-lookup>div { background:var(--raised); border-color:var(--line-strong); }
html[data-appearance] .social-lookup>div:focus-within { border-color:var(--focus); box-shadow:0 0 0 2px var(--focus); }
html[data-appearance] .social-lookup input { font-size:16px; }
html[data-appearance] :is(.social-lookup input,.people-search input)::placeholder { color:var(--ink-2); opacity:1; }
html[data-appearance] .social-lookup button { background:var(--raised); color:var(--chart-series); border-color:var(--line); }
/* Connect Codes share the private theme; the inviter's avatar remains their
   public cosmetic. Reserve cyan for the scanner's live/locked state. */
html[data-appearance] :is(.social-connect,.connect-card) { background:var(--panel); border-color:var(--line-strong); box-shadow:var(--shadow); }
html[data-appearance] .connect-card { border-top-color:var(--chart-series); }
html[data-appearance] .connect-card::after { display:none; }
html[data-appearance] :is(.social-connect-code>span:first-child,.social-connect-enter>label,.social-connect-status,.social-connect-reset summary,.social-connect-reset p,.connect-door-back,.connect-card .social-kicker,.connect-card-identity p,.connect-code-mini span,.connect-card-boundary) { color:var(--ink-2); font-size:12px; }
html[data-appearance] .connect-code-mini strong { font-size:16px; }
html[data-appearance] .connect-card-identity>div { min-width:0; }
html[data-appearance] .connect-card h1 { overflow-wrap:anywhere; line-height:1.15; letter-spacing:-.025em; }
html[data-appearance] .connect-door-back { display:inline-flex; align-items:center; min-height:44px; }
html[data-appearance] .social-connect-actions button { min-height:44px; }
html[data-appearance] .social-connect-enter>div { background:var(--raised); border-color:var(--line-strong); }
html[data-appearance] .social-connect-enter input { font-size:16px; }
html[data-appearance] .social-connect-enter input::placeholder { color:var(--ink-2); opacity:1; }
html[data-appearance] .social-connect-enter button { color:var(--ink); font-size:14px; }
html[data-appearance] .connect-door :focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
html[data-appearance] .social-foot-primary { background:var(--action); color:var(--on-action); }
html[data-appearance] .social-foot-primary i { color:inherit; }
html[data-appearance] .social-foot-quiet { color:var(--ink-2); min-height:44px; display:grid; place-items:center; }
html[data-appearance] :is(.sharing-identity,.sharing-access-list>div,.social-object-rule,.social-unavailable,.people-inline-head,.friend-list>li,.friends-empty-points,.friends-empty-points li,.exhibit-copy-facts,.exhibit-conversation) { border-color:var(--line); }
html[data-appearance] .friends-sections { background:var(--ground); border-color:var(--line); }
html[data-appearance] .friends-sections a { color:var(--ink-2); min-height:44px; }
html[data-appearance] .friends-sections a[aria-current] { color:var(--ink); background:var(--raised); box-shadow:inset 0 0 0 1px var(--chart-series); }
html[data-appearance] .friend-safety select { color:var(--ink); background:var(--raised); border-color:var(--line-strong); font-size:16px; }
html[data-appearance] .friend-safety[open] { background:var(--raised); border-left-color:var(--chart-series); }
html[data-appearance] :is(.friend-error,.friend-notice) { color:var(--ink); background:var(--raised); border-color:var(--chart-series); }
html[data-appearance] .friend-error { border-color:var(--down); }
html[data-appearance] :is(.friend-remove p,.friend-invite p) { color:var(--ink-2); }
html[data-appearance] .friends-page>header { border-color:var(--line); }
html[data-appearance] .friends-page>header>p { color:var(--ink-2); }
html[data-appearance] .friends-page h1 { font-family:var(--font-display); }
html[data-appearance] .friends-page :focus-visible { outline-color:var(--focus); }
html[data-appearance] :is(.social-hub-room,.social-hub-map,.social-hub-boundary) { background:var(--panel); border-color:var(--line); }
html[data-appearance] .social-hub-hero { background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--chart-series) 12%,transparent),transparent 60%),var(--panel); }
html[data-appearance] .social-hub h1 { font-family:var(--font-display); }
/* Carry the authored display face into the room's large section headings;
   people, activity descriptions and controls keep the shared interface face. */
html[data-appearance] .social-hub h2 { font-family:var(--font-display); font-weight:var(--font-display-weight); line-height:1.2; }
html[data-appearance] .social-hub :is(.social-hub-hero-copy>p,.social-hub-room-intro p,.social-hub-people>p,.friend-activity-empty p,.binder-inbox-empty p,.social-hub-boundary p) { font-size:16px; line-height:1.6; }
html[data-appearance] .social-hub :is(.social-kicker,.social-story-actor small,.social-object-copy small,.social-object-copy em,.social-story-profile) { font-size:12px; line-height:1.4; }
html[data-appearance] .social-hub :is(.social-story-actor strong,.social-object-copy strong,.social-hub-text-link,.friends-sections a) { font-size:14px; line-height:1.4; }
html[data-appearance] .social-hub :is(.social-story-actor strong,.social-story-actor small,.social-object-copy strong,.social-object-copy em) { white-space:normal; overflow-wrap:anywhere; }
html[data-appearance] .social-hub :is(.social-story-actor small,.social-object-copy small,.social-object-copy em,.social-story-profile) { font-family:var(--font); letter-spacing:normal; text-transform:none; }
html[data-appearance] .social-hub .social-story-profile { display:inline-flex; align-items:center; min-height:44px; min-width:44px; }
html[data-appearance] .social-hub .social-hub-map small { white-space:normal; overflow-wrap:anywhere; }
html[data-appearance] .social-hub :is(.social-hub-room,.social-connect) { scroll-margin-top:calc(var(--nav-h,67px) + 16px); }
html[data-appearance] .people-page .person-row-copy>span { font-size:12px; }
html[data-appearance] .social-hub-search>div { background:var(--raised); border-color:var(--line-strong); }
html[data-appearance] .social-hub-search input { font-size:16px; }
html[data-appearance] :is(.social-hub-map small,.social-hub-map span,.social-hub-search label,.social-hub-finite,.social-hub-boundary a,.social-hub-room .friend-activity-heading a,.social-hub-room .binder-inbox-heading a) { font-size:12px; }
html[data-appearance] :is(.exhibit-curator small,.exhibit-heading p,.exhibit-unwritten,.exhibit-copy-facts dt,.exhibit-privacy-note,.exhibit-conversation p,.conversation-rules summary) { color:var(--ink-2); font-size:12px; }
html[data-appearance] .exhibit-stage { background:var(--ground); border-color:var(--line); }
html[data-appearance] :is(.exhibit-image-label,.exhibit-no-art span,.exhibit-navigation span) { color:var(--ink-2); font-size:12px; }
html[data-appearance] .exhibit-navigation { border-color:var(--line); }
html[data-appearance] .exhibit-navigation button { color:var(--chart-series); }

/* Camera status must remain readable over both a live image and light themes.
   Cyan retains its scanner meaning on a dedicated dark status face. */
html[data-appearance] .scanpage { --live:var(--chart-series); }
html[data-appearance] :is(.scanpage .btn-file:not(.secondary) span,.scanpage .btn-primary,.scan-camera-go) { background:var(--action); color:var(--on-action); }
html[data-appearance] :is(.scanpage .btn-file:not(.secondary) span,.scanpage .btn-primary,.scan-camera-go):hover { background:var(--action-hover); filter:none; }
html[data-appearance] .scanpage .btn-file:not(.secondary):hover span { background:var(--action-hover); }
html[data-appearance] :is(.scanpage .btn-file.secondary span,.scanpage .btn-ghost) { background:var(--raised); color:var(--ink); border-color:var(--line-strong); }
html[data-appearance] .cap-state { background:var(--panel); backdrop-filter:none; transition-property:none; }
html[data-appearance] .cap-state:is([data-tone="holding"],[data-tone="locked"]) {
  background:#091522; color:#5EE7F7;
}

@media(max-width:700px) {
  html[data-appearance] .profile-mode-dock em { display:none; }
  html[data-appearance] .profile-mode-dock a { grid-template-columns:20px minmax(0,1fr); }
}
@media(forced-colors:active) {
  html[data-appearance] :is(.profile-mode-dock,.friends-sections) > a[aria-current="page"] {
    outline:2px solid Highlight; outline-offset:-3px;
    text-decoration:underline; text-underline-offset:3px;
  }
  html[data-appearance] :is(.profile-mode-dock,.friends-sections) > a[aria-current="page"]:focus-visible { outline-offset:3px; }
  html[data-appearance] :is(.profile-hero,.profile-binder-cover,.studio-preview-card) { --ink:CanvasText; --ink-2:CanvasText; --ink-3:CanvasText; }
  html[data-appearance] .profile-hero .profile-action,
  html[data-appearance] .profile-hero .profile-action.primary { background:ButtonFace; color:ButtonText; border-color:ButtonText; }
}