/* Vovry Demo H 1.0 — approved monochrome, soft-card / clear-control material.
 * Loaded LAST by renderAppShell, before first paint. Visual-only, no JS hooks.
 * Keep layout/viewport/gestures in their existing modules. Do not put filters
 * on page roots: that would trap fixed descendants and break iOS chrome.
 */
/* Neutral paint only. Financial/alert colors and user media keep their meaning. */
:root[data-vovry-material="thin-glass"] {
 --tg-canvas:#090909; --tg-ink:#f2f2f2; --tg-muted:#a0a0a0;
 --tg-solid:#161616; --tg-control:#242424; --tg-input:#191919;
 --tg-core:rgba(26,26,26,.64); --tg-sheet:rgba(25,25,25,.96);
 --tg-line:rgba(255,255,255,.10); --tg-soft:rgba(255,255,255,.055);
 --tg-shine:rgba(255,255,255,.04); --tg-inner:rgba(255,255,255,.032);
 --tg-shadow:rgba(0,0,0,.19); --tg-focus:#d4d4d4;
 --tg-action:#e8e8e8; --tg-action-ink:#1a1a1a;
 --tg-accent:#dedede; --tg-selected:#333333; --tg-selected-ink:#f2f2f2;
 --tg-edge-hot:rgba(255,255,255,.58); --tg-edge-mid:rgba(255,255,255,.19);
 --tg-edge-dim:rgba(255,255,255,.035);
 --tg-ambient:radial-gradient(900px 520px at 20% 0%,rgba(148,148,148,.075),transparent 69%),radial-gradient(700px 440px at 100% 100%,rgba(128,128,128,.025),transparent 65%);
 --tg-edge:radial-gradient(240px 130px at 16% 0%,var(--tg-edge-hot),transparent 75%),conic-gradient(from 215deg at 50% 50%,var(--tg-edge-dim),var(--tg-edge-mid) 68deg,var(--tg-edge-dim) 145deg,var(--tg-edge-dim) 230deg,var(--tg-edge-mid) 290deg,var(--tg-edge-dim));
 --tg-edge-linear:linear-gradient(140deg,var(--tg-edge-mid),var(--tg-edge-dim) 43%,var(--tg-edge-dim) 72%,var(--tg-edge-mid));
 --bg:var(--tg-canvas); --panel:var(--tg-core); --panel2:var(--tg-soft);
 --surface:var(--tg-solid); --surface-soft:var(--tg-soft); --surface-input:var(--tg-input);
 --text:var(--tg-ink); --muted:var(--tg-muted); --line:var(--tg-line);
 --accent:var(--tg-accent); --blue:var(--tg-accent);
 --glass-core:var(--tg-core); --glass-edge:var(--tg-line);
 --glass-highlight:var(--tg-inner); --glass-shadow:var(--tg-shadow);
 --float-solid:var(--tg-solid); --float-core:var(--tg-core); --float-sheet:var(--tg-sheet);
 --float-edge:var(--tg-line); --float-shine:var(--tg-shine); --float-shadow:var(--tg-shadow);
 --float-wash:var(--tg-soft); --float-selected:var(--tg-selected);
 --choice-bg:var(--tg-selected); --choice-ink:var(--tg-selected-ink); --choice-line:var(--tg-edge-mid);
 --slider-ink:var(--tg-ink); --slider-dots:var(--tg-edge-mid);
 --investor-accent:var(--tg-accent); --investor-grid:var(--tg-line);
 --kronos-color:var(--tg-accent); --kronos-band:var(--tg-soft);
}
:root[data-vovry-material="thin-glass"][data-theme="light"] {
 --tg-canvas:#efefef; --tg-ink:#202020; --tg-muted:#656565;
 --tg-solid:#f8f8f8; --tg-control:#f6f6f6; --tg-input:#fafafa;
 --tg-core:rgba(255,255,255,.46); --tg-sheet:rgba(242,242,242,.97);
 --tg-line:rgba(0,0,0,.075); --tg-soft:rgba(0,0,0,.035);
 --tg-shine:rgba(255,255,255,.24); --tg-inner:rgba(0,0,0,.025);
 --tg-shadow:rgba(0,0,0,.05); --tg-focus:#404040;
 --tg-action:#252525; --tg-action-ink:#f6f6f6; --tg-accent:#353535;
 --tg-selected:#ffffff; --tg-selected-ink:#202020;
 --tg-edge-hot:rgba(255,255,255,.98); --tg-edge-mid:rgba(255,255,255,.70);
 --tg-edge-dim:rgba(255,255,255,.12);
 --tg-ambient:radial-gradient(900px 520px at 20% 0%,rgba(255,255,255,.20),transparent 69%),radial-gradient(700px 440px at 100% 100%,rgba(128,128,128,.018),transparent 65%);
}
/* Solid fallback first; the ambience never adds a positioned/filter ancestor. */
:root[data-vovry-material="thin-glass"] body,
:root[data-vovry-material="thin-glass"][data-theme] body :is(#app,.dao-page>.picker-sheet,.v-sb-progress) {
 background:var(--tg-ambient),var(--bg); color:var(--text);
}
:root[data-vovry-material="thin-glass"][data-theme] [data-vovry-lab] {
 --vl-bg:var(--bg); --vl-card:var(--tg-solid); --vl-text:var(--text);
 --vl-muted:var(--muted); --vl-line:var(--line); --vl-accent:var(--accent); --vl-soft:var(--tg-soft);
 --v-sb-progress-surface:var(--bg);
}
:root[data-vovry-material="thin-glass"][data-theme] .oc-dialog {
 --oc-bg:var(--tg-solid); --oc-fg:var(--text); --oc-muted:var(--muted);
 --oc-line:var(--line); --oc-accent:var(--accent);
}
:root[data-vovry-material="thin-glass"][data-theme] #social-detail-layer.is-chat {
 --chat-canvas:var(--bg); --chat-ink:var(--text); --chat-muted:var(--muted);
 --chat-hairline:var(--line); --chat-control:var(--tg-soft); --chat-glass:var(--tg-sheet);
 --chat-solid:var(--tg-solid); --chat-own:var(--tg-selected); --chat-edge:var(--tg-line);
 --chat-shadow:0 6px 22px var(--tg-shadow); --chat-accent:var(--tg-action); --chat-accent-ink:var(--tg-action-ink);
}
/* Ordinary containers only; dialogs/panels keep their original fixed/absolute
 * positioning. No new transform, filter, clipping or containment on ancestors. */
:root[data-vovry-material="thin-glass"] :is(.vl-entry,.vl-card,.vovry-glass-surface) {position:relative}
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .favorites-sheet,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .overlay.error-mode .overlay-panel,
 .dao-card-rail>.dao-swipe-card,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .vl-entry,
 [data-vovry-lab] .vl-card,
 .v-sb-card,
 .v-sb-detail,
 .v-sb-progress-help,
 .voice-context-menu,
 .voice-selection,
 .vovry-glass-surface
) {
 border-color:transparent;
 background:linear-gradient(150deg,var(--tg-shine),transparent 40%),var(--tg-core);
 color:var(--text);
 box-shadow:0 14px 38px -16px var(--tg-shadow),inset 0 1px 0 var(--tg-inner),inset 0 -1px 0 rgba(0,0,0,.035);
 -webkit-backdrop-filter:none; backdrop-filter:none;
}
/* One masked hairline, not a uniform border. The ring cannot intercept taps.
 * Existing ::after icons, thought-bubbles, voice tails and nav lens are NOT
 * selected here. A conventional edge remains when CSS masking is unavailable. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .favorites-sheet,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .overlay.error-mode .overlay-panel,
 .dao-card-rail>.dao-swipe-card,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .vl-entry,
 [data-vovry-lab] .vl-card,
 .v-sb-card,
 .v-sb-detail,
 .v-sb-progress-help,
 .voice-context-menu,
 .voice-selection,
 .vovry-glass-surface
)::before {
 content:""; display:block; position:absolute; inset:0; z-index:2;
 border:1px solid var(--tg-line); border-radius:inherit; padding:0;
 background:none; box-shadow:none; pointer-events:none;
}
@supports (mask-composite:exclude) or (-webkit-mask-composite:xor) {
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .favorites-sheet,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .overlay.error-mode .overlay-panel,
 .dao-card-rail>.dao-swipe-card,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .vl-entry,
 [data-vovry-lab] .vl-card,
 .v-sb-card,
 .v-sb-detail,
 .v-sb-progress-help,
 .voice-context-menu,
 .voice-selection,
 .vovry-glass-surface,
 .dao-bottom-nav
)::before {
 content:""; display:block; position:absolute; inset:0; z-index:2;
 border:0; padding:1px; border-radius:inherit; pointer-events:none;
 background:var(--tg-edge); box-shadow:none;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 -webkit-mask-composite:xor;
 mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
 mask-composite:exclude;
 }
}
/* Real overlays use a denser material so moving charts/text cannot impair
 * readability. Their fixed geometry and existing safe areas are untouched. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .favorites-sheet,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .v-sb-detail,
 .voice-context-menu,
 .voice-selection,
 .v-sb-progress-help,
 .overlay.error-mode .overlay-panel
) {background:linear-gradient(180deg,var(--tg-shine),transparent 80%),var(--tg-sheet)}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)) {
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .dao-card-rail>.dao-swipe-card,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .favorites-sheet,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .v-sb-detail,
 .voice-context-menu,
 .voice-selection,
 .v-sb-progress-help,
 .overlay.error-mode .overlay-panel
) {
 -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px);
 }
}
/* Inputs and compact controls use layered border backgrounds rather than
 * pseudos: native controls and their built-in/icon pseudos remain functional.
 * Solid padding-box paint prevents the edge gradient bleeding into the centre. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #controls .chart-tool,
 #controls .market-tool,
 .btn:not(.primary,.buy,.sell,.dao-buy,.dao-sell,.danger,.copy-danger,.agent-danger),
 .social-follow.following,
 .copy-close,
 .kronos-info-close,
 .v-sb-back,
 .v-sb-refresh,
 .v-sb-detail-close,
 [data-vovry-lab] .vl-button:not([aria-selected="true"]),
 .dao-settings-icon-button,
 .oc-dialog button:not(.oc-primary,[aria-selected="true"]),
 #social-search-toggle,
 #social-detail-close,
 .vovry-glass-control
) {
 border:1px solid transparent;
 background:linear-gradient(var(--tg-control),var(--tg-control)) padding-box,var(--tg-edge-linear) border-box;
 color:var(--text); box-shadow:inset 0 1px 0 var(--tg-inner),0 4px 14px -8px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #controls input:not([type="checkbox"],[type="radio"],[type="range"]):not([type="color"]):not([type="hidden"]),
 #controls .field select,
 #asset-picker #picker-query,
 .dao-form input:not([type="checkbox"],[type="radio"],[type="hidden"]),
 .dao-calculator-fields input,
 .dao-form select,
 .dao-form textarea,
 .copy-amount,
 .oc-dialog input,
 .oc-dialog select,
 [data-vovry-lab] .vl-field input:not([type="checkbox"],[type="radio"]),
 [data-vovry-lab] .vl-field select,
 [data-vovry-lab] .vl-search input,
 [data-vovry-lab] .kronos-form select,
 .vovry-glass-field
) {
 border:1px solid transparent;
 background:linear-gradient(var(--tg-input),var(--tg-input)) padding-box,var(--tg-edge-linear) border-box;
 color:var(--text); caret-color:var(--accent); box-shadow:inset 0 1px 0 var(--tg-inner);
}

:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #controls .chart-tool.active,#controls .market-tool.active,
 .btn.active:not(.buy,.sell,.dao-buy,.dao-sell,.danger,.copy-danger,.agent-danger),
 [data-vovry-lab] .vl-tabs [aria-selected="true"],.oc-dialog button[aria-selected="true"]
) {
 background:linear-gradient(var(--tg-selected),var(--tg-selected)) padding-box,var(--tg-edge-linear) border-box;
 color:var(--tg-selected-ink); border-color:transparent;
 box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 .btn.primary:not(.buy,.sell,.dao-buy,.dao-sell,.danger,.copy-danger,.agent-danger),
 #arena-layer .agent-primary,.social-follow:not(.following),.oc-dialog .oc-primary
) {
 background:var(--tg-action); color:var(--tg-action-ink); border-color:transparent;
 box-shadow:inset 0 1px 0 var(--tg-inner);
}
/* Preserve BUY/SELL/danger meaning even when a control also has .btn.active. */
:root[data-vovry-material="thin-glass"][data-theme] body #dao-trade-layer :is(.buy.active,.dao-buy) {
 background:color-mix(in srgb,var(--green) 17%,var(--surface));color:var(--green);border-color:var(--green);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-trade-layer :is(.sell.active,.dao-sell) {
 background:color-mix(in srgb,var(--red) 17%,var(--surface));color:var(--red);border-color:var(--red);
}
/* Segment tracks stay padded: the chosen horizon is a separate inset chip. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(.kronos-horizons,.vl-tabs,.dao-theme-options) {
 background:var(--tg-soft);border-color:var(--tg-line);box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body .kronos-horizon-choice[aria-pressed="true"] {
 background:var(--tg-control);color:var(--text);box-shadow:0 2px 6px var(--tg-shadow),inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body .kronos-status {
 background:var(--tg-core);border-color:var(--line);box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body :is(#vovry-lab-tab-tools,#vovry-lab-tab-research,#vovry-lab-tab-records)[aria-selected="false"] {
 background:transparent;border-color:transparent;box-shadow:none;
}
/* Search/composer interiors remain borderless; decorate only their container.
 * Never select the chart's invisible native <select> or voice state buttons. */
:root[data-vovry-material="thin-glass"][data-theme] body #dao-social-layer .social-search-field,
:root[data-vovry-material="thin-glass"][data-theme] body #social-detail-layer.is-chat #social-detail-composer .social-composer {
 border:1px solid transparent;
 background:linear-gradient(var(--tg-control),var(--tg-control)) padding-box,var(--tg-edge-linear) border-box;
 box-shadow:inset 0 1px 0 var(--tg-inner),0 8px 24px -14px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body #social-detail-layer.is-chat #social-detail-close {
 border:1px solid transparent;
 background:linear-gradient(var(--tg-control),var(--tg-control)) padding-box,var(--tg-edge-linear) border-box;
 box-shadow:inset 0 1px 0 var(--tg-inner);color:var(--text);
}
:root[data-vovry-material="thin-glass"][data-theme] body #social-detail-layer.is-chat #social-detail-composer .social-composer-actions .btn.primary {
 background:var(--tg-action);color:var(--tg-action-ink);
}
/* Sticky strip paint is opaque enough for scroll. No extra backdrop layers. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(.copy-dialog-head,.copy-dialog-actions,.v-sb-detail-head) {
 background:var(--tg-solid);border-color:var(--line);
}
/* Navigation retains its SSR dock, measured four-tab lens and press/drag
 * mechanics. Only the existing backdrop/lens paint is replaced. */
:root[data-vovry-material="thin-glass"][data-theme] body .dao-bottom-nav {
 --nav-ink:var(--text);--nav-muted:var(--muted);--nav-glass:var(--tg-core);
 --nav-lens:var(--tg-soft);--nav-rim:var(--tg-line);--nav-depth:var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body .dao-bottom-nav::after {
 border-color:var(--tg-line);background:var(--tg-sheet);
 box-shadow:inset 0 1px 0 var(--tg-inner),0 12px 30px -10px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body .dao-nav-lens {
 background:var(--tg-soft);border-color:transparent;
 box-shadow:inset 0 1px 0 var(--tg-inner),inset 0 -1px 0 var(--tg-line),0 3px 10px -4px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body .dao-nav-lens::before {background:var(--tg-edge-linear);padding:1px}
:root[data-vovry-material="thin-glass"][data-theme] body .dao-nav-lens::after {
 background:linear-gradient(135deg,var(--tg-soft),transparent 65%);box-shadow:none;
}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)) {
 :root[data-vovry-material="thin-glass"][data-theme] body .dao-bottom-nav::after {background:var(--tg-core)}
}
/* Demo H: soft cards, stronger compact controls. Geometry, hit targets and
 * responsive navigation remain in the existing layout modules. No lens canvas,
 * cloned background or sample portfolio is shipped from the approved demo. */
:root[data-vovry-material="thin-glass"][data-theme] body .dao-card-rail>.dao-swipe-card {border-radius:30px}
:root[data-vovry-material="thin-glass"][data-theme] body :is(.vl-card,.v-sb-card,.vovry-glass-surface) {border-radius:24px}
:root[data-vovry-material="thin-glass"][data-theme] body :is(#hud .pair-card,#controls .controls-card) {border-radius:20px}
:root[data-vovry-material="thin-glass"][data-theme] body :is(#engine-badge,#interval-badge,#controls .asset-selected-meta) {color:var(--muted)}
:root[data-vovry-material="thin-glass"][data-theme] body #controls #favorite-current-btn {color:var(--text)}
:root[data-vovry-material="thin-glass"][data-theme] body #controls #favorite-current-btn[aria-pressed="true"] {
 color:var(--tg-selected-ink);background:linear-gradient(var(--tg-selected),var(--tg-selected)) padding-box,var(--tg-edge-linear) border-box;
}
:root[data-vovry-material="thin-glass"][data-theme] body .kronos-status .kronos-run {background:var(--tg-action);color:var(--tg-action-ink)}
:root[data-vovry-material="thin-glass"][data-theme] body .dao-nav-lens {background:var(--tg-selected)}
:root[data-vovry-material="thin-glass"][data-theme] body :is(.copy-dialog,.kronos-info-sheet)::backdrop {background:rgba(0,0,0,.36)}
@media(min-width:1024px) {
 :root[data-vovry-material="thin-glass"][data-theme] body .dao-card-rail>.dao-swipe-card {border-radius:24px}
}

/* Demo H settings adaptation.
 * Settings is a canvas with soft glass rows, not an opaque stack of section
 * slabs.  Keep all existing navigation/detail behavior and safe-area geometry. */
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-sheet {
 border:1px solid transparent;
 background:
  linear-gradient(155deg,var(--tg-shine),transparent 30%),
  linear-gradient(var(--tg-canvas),var(--tg-canvas)) padding-box,
  var(--tg-edge) border-box;
 color:var(--text);
 box-shadow:0 24px 70px -22px var(--tg-shadow),inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-head {
 background:linear-gradient(180deg,var(--tg-shine),transparent 88%),var(--tg-canvas);
 border-bottom-color:var(--tg-line);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-head h2 {
 color:var(--text);font-weight:650;letter-spacing:-.02em;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-icon-button {
 border:1px solid transparent;
 background:linear-gradient(var(--tg-control),var(--tg-control)) padding-box,var(--tg-edge-linear) border-box;
 color:var(--text);
 box-shadow:inset 0 1px 0 var(--tg-inner),0 7px 18px -12px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-scroll {background:transparent}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-appearance {
 margin-bottom:22px;padding-bottom:0;border-bottom:0;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(.dao-appearance legend,.dao-settings-group>h3) {
 margin:0 0 9px 4px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.025em;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-theme-options {
 gap:5px;padding:5px;border:1px solid var(--tg-line);border-radius:18px;
 background:var(--tg-soft);box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-theme-options label {
 border:0;background:transparent;box-shadow:none;color:inherit;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-theme-options label>span {
 min-height:44px;padding:7px 5px;gap:7px;border:1px solid transparent;border-radius:13px;
 background:transparent;color:var(--muted);box-shadow:none;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-theme-options label>span>span {
 display:block;min-height:0;padding:0;border:0;border-radius:0;
 background:transparent;color:inherit;box-shadow:none;line-height:1.25;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-theme-options input:checked+span {
 border-color:transparent;
 background:linear-gradient(var(--tg-selected),var(--tg-selected)) padding-box,var(--tg-edge-linear) border-box;
 color:var(--tg-selected-ink);
 box-shadow:inset 0 1px 0 var(--tg-inner),0 5px 16px -12px var(--tg-shadow);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer #dao-theme-status {
 margin:9px 4px 0;color:var(--muted);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-group {
 background:transparent;border:0;box-shadow:none;margin-bottom:21px;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(.dao-setting-row,.dao-settings-panel>summary) {
 background:linear-gradient(145deg,var(--tg-shine),transparent 48%),var(--tg-core);
 border-color:var(--tg-line);color:var(--text);
 box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(.dao-setting-row,.dao-settings-panel>summary):active {
 background:linear-gradient(var(--tg-selected),var(--tg-selected)) padding-box,var(--tg-edge-linear) border-box;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-setting-icon {
 border:1px solid var(--tg-line);background:var(--tg-soft);color:var(--text);
 box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(.dao-setting-note,.dao-setting-chevron) {color:var(--muted)}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-setting-chevron {opacity:.55}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-language .dao-settings-panel>summary {
 min-height:66px;border:1px solid transparent;border-radius:18px;
 background:linear-gradient(145deg,var(--tg-shine),transparent 48%),var(--tg-core) padding-box,var(--tg-edge-linear) border-box;
 padding-inline:16px;font-weight:600;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-language .dao-settings-panel>summary::after {
 content:"";width:8px;height:8px;flex:none;margin-left:auto;
 border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);
 transform:rotate(-45deg);opacity:.58;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .is-active-detail .dao-language-list {
 gap:8px;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .is-active-detail .dao-language-list label {
 min-height:48px;padding:10px 13px;border:1px solid var(--tg-line);border-radius:14px;
 background:var(--tg-core);color:var(--text);box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .is-active-detail .dao-language-list label:has(input:checked) {
 background:var(--tg-selected);color:var(--tg-selected-ink);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .is-active-detail :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
 background:linear-gradient(var(--tg-input),var(--tg-input)) padding-box,var(--tg-edge-linear) border-box;
 border-color:transparent;box-shadow:inset 0 1px 0 var(--tg-inner);
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .is-active-detail .dao-checkbox {
 border:1px solid var(--tg-line);background:var(--tg-core);box-shadow:inset 0 1px 0 var(--tg-inner);
}
@media(max-width:560px) {
 :root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-sheet {
  border-bottom:0;border-radius:28px 28px 0 0;
 }
 :root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-scroll {
  padding-top:17px;
 }
 :root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(.dao-setting-row,.dao-settings-panel>summary) {
  min-height:68px;padding:12px 14px;
 }
}
@media(forced-colors:active) {
 :root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer :is(
  .dao-settings-sheet,.dao-settings-icon-button,.dao-theme-options,
  .dao-theme-options label>span,.dao-setting-row,.dao-settings-panel>summary,
  .dao-setting-icon,.dao-language-list label
 ) {background:Canvas;border:1px solid ButtonText;box-shadow:none;color:CanvasText}
}

/* Native wallet is a sheet only on desktop; mobile keeps edge-to-edge layout. */
@media(min-width:641px) {
 :root[data-vovry-material="thin-glass"][data-theme] body .oc-dialog {
  background:linear-gradient(var(--tg-solid),var(--tg-solid)) padding-box,var(--tg-edge) border-box;
  border:1px solid transparent;box-shadow:0 24px 70px -18px var(--tg-shadow);
 }
}
@media(min-width:768px) {
 :root[data-vovry-material="thin-glass"][data-theme] body #dao-settings-layer .dao-settings-sheet {
  background:linear-gradient(var(--tg-solid),var(--tg-solid)) padding-box,var(--tg-edge) border-box;
  border-color:transparent;box-shadow:0 24px 70px -18px var(--tg-shadow);
 }
}
/* A visible keyboard focus indicator is intentional, not an unwanted border.
 * Do not remove existing high-contrast mode outlines/disabled states. */
:root[data-vovry-material="thin-glass"][data-theme] body :is(button,a,input,textarea,select,[tabindex]):focus-visible {
 outline:2px solid var(--tg-focus);outline-offset:3px;
}
:root[data-vovry-material="thin-glass"][data-theme] body #dao-social-layer .social-search-field:focus-within {
 outline:2px solid var(--tg-focus);outline-offset:2px;
}
:root[data-vovry-material="thin-glass"][data-theme] body #social-search-input:focus {outline:none}
/* Reduce transparency in place, not by changing the size or stacking context.
 * Offscreen cells never need blur and the skin adds no motion listeners. */
@media(prefers-reduced-transparency:reduce) {
 :root[data-vovry-material="thin-glass"][data-theme] {--tg-core:var(--tg-solid);--tg-sheet:var(--tg-solid);--tg-ambient:linear-gradient(transparent,transparent)}
 :root[data-vovry-material="thin-glass"][data-theme] body :is(.pair-card,.controls-card,.dao-swipe-card,.picker-sheet,.favorites-sheet,.copy-dialog,.kronos-info-sheet,.vl-indicator-panel,.v-sb-detail,.voice-context-menu,.voice-selection,.social-composer),
 :root[data-vovry-material="thin-glass"][data-theme] body .dao-bottom-nav::after {
  -webkit-backdrop-filter:none;backdrop-filter:none;
 }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 :root[data-vovry-material="thin-glass"][data-theme] {--tg-core:var(--tg-solid);--tg-sheet:var(--tg-solid)}
}
@media(forced-colors:active) {
 :root[data-vovry-material="thin-glass"][data-theme] {
  --tg-canvas:Canvas;--tg-solid:Canvas;--tg-control:Canvas;--tg-input:Canvas;--tg-core:Canvas;--tg-sheet:Canvas;
  --tg-ink:CanvasText;--tg-muted:CanvasText;--tg-accent:LinkText;--tg-focus:Highlight;
  --tg-action:Highlight;--tg-action-ink:HighlightText;--tg-selected:Highlight;--tg-selected-ink:HighlightText;
  --tg-line:ButtonText;--tg-ambient:linear-gradient(transparent,transparent);
 }
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .favorites-sheet,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .overlay.error-mode .overlay-panel,
 .dao-card-rail>.dao-swipe-card,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .vl-entry,
 [data-vovry-lab] .vl-card,
 .v-sb-card,
 .v-sb-detail,
 .v-sb-progress-help,
 .voice-context-menu,
 .voice-selection,
 .vovry-glass-surface,
 #controls .chart-tool,
 #controls .market-tool,
 .btn:not(.primary,.buy,.sell,.dao-buy,.dao-sell,.danger,.copy-danger,.agent-danger),
 .social-follow.following,
 .copy-close,
 .kronos-info-close,
 .v-sb-back,
 .v-sb-refresh,
 .v-sb-detail-close,
 [data-vovry-lab] .vl-button:not([aria-selected="true"]),
 .dao-settings-icon-button,
 .oc-dialog button:not(.oc-primary,[aria-selected="true"]),
 #social-search-toggle,
 #social-detail-close,
 .vovry-glass-control,
 #controls input:not([type="checkbox"],[type="radio"],[type="range"]):not([type="color"]):not([type="hidden"]),
 #controls .field select,
 #asset-picker #picker-query,
 .dao-form input:not([type="checkbox"],[type="radio"],[type="hidden"]),
 .dao-calculator-fields input,
 .dao-form select,
 .dao-form textarea,
 .copy-amount,
 .oc-dialog input,
 .oc-dialog select,
 [data-vovry-lab] .vl-field input:not([type="checkbox"],[type="radio"]),
 [data-vovry-lab] .vl-field select,
 [data-vovry-lab] .vl-search input,
 [data-vovry-lab] .kronos-form select,
 .vovry-glass-field
) {border:1px solid ButtonText;box-shadow:none;background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none}
:root[data-vovry-material="thin-glass"][data-theme] body :is(
 #hud .pair-card,
 #controls .controls-card,
 .favorites-sheet,
 :is(#arena-layer,#asset-picker,#social-detail-layer:not(.is-chat),#dao-trade-layer,#dao-feed-layer,#dao-edit-layer)>.picker-sheet,
 .overlay.error-mode .overlay-panel,
 .dao-card-rail>.dao-swipe-card,
 .copy-dialog,
 .kronos-info-sheet,
 .vl-indicator-panel[data-vovry-lab],
 .vl-entry,
 [data-vovry-lab] .vl-card,
 .v-sb-card,
 .v-sb-detail,
 .v-sb-progress-help,
 .voice-context-menu,
 .voice-selection,
 .vovry-glass-surface,
 .dao-bottom-nav
)::before {display:none}
}


/* Vovry · BALANCED GLASS EDGE v3 · notebook index tabs · 2026-09-30
 * Use after the existing community-tab rules in public/thin-glass.css,
 * or replace the old "Community notebook index tabs" block with this file.
 * No markup or feed-JavaScript changes are required: aria-selected is the
 * single source of truth. Selectors affect only the community header.
 *
 * PAINT ORDER:
 * 1. Inactive tab and its continuous lower extension.
 * 2. Frosted foreground, covering only the lower extension.
 * 3. Variable-intensity reflection along the horizontal glass edge.
 * 4. Active tab: canvas-coloured fill covers the line beneath it.
 *    A continuous 1px open rim fixes the perceived contour. Two mirrored
 *    glints share one horizontal light source; neither side disappears.
 *    Optical intensity varies without moving the rim or changing its width.
 *    No diagonal shading, dark crossing or low/high corner light pairing.
 *    The rim stays separate from the frosted layer, fine and sharp.
 * There is never a closing border beneath the active tab.
 */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs {
  --ix-page: var(--bg, #efefef);
  --ix-ink: var(--text, #202020);
  --ix-muted: var(--muted, #656565);
  --ix-gap: 12px;
  --ix-gutter: 6px;
  --ix-height: 58px;
  --ix-radius: 24px;
  --ix-lip: 20px;
  --ix-stroke: 1px;
  /* Continuous fallback; the optical upgrade below never fades to zero. */
  --ix-edge: rgba(255,255,255,.28);
  --ix-inactive-edge: rgba(255,255,255,.17);
  --ix-rim-floor: rgba(255,255,255,.18);
  --ix-glint: rgba(255,255,255,.40);
  --ix-gleam: rgba(255,255,255,.12);
  --ix-clear: rgba(255,255,255,0);
  --ix-rim-inactive-opacity: .62;
  /* Identical height, spread and intensity on BOTH sides of EACH tab.
     The bottom layer is the stable contour, not another moving highlight.
     Keep this mirror symmetry when tuning the material. */
  --ix-edge-paint:
    radial-gradient(ellipse 37% 125% at 22% 0%,
      var(--ix-glint) 0%, var(--ix-gleam) 48%, var(--ix-clear) 100%),
    radial-gradient(ellipse 37% 125% at 78% 0%,
      var(--ix-glint) 0%, var(--ix-gleam) 48%, var(--ix-clear) 100%),
    linear-gradient(var(--ix-rim-floor), var(--ix-rim-floor));
  /* The foreground edge also stays readable between the brighter zones. */
  --ix-baseline-low: rgba(255,255,255,.18);
  --ix-baseline-high: rgba(255,255,255,.32);
  --ix-baseline-paint: linear-gradient(90deg,
    var(--ix-baseline-low) 0%, var(--ix-baseline-high) 22%,
    var(--ix-baseline-low) 50%, var(--ix-baseline-high) 78%,
    var(--ix-baseline-low) 100%);
  --ix-face-top: #262626;
  --ix-face-bottom: #1e1e1e;
  --ix-frost-top: rgba(9,9,9,.48);
  --ix-frost-mid: rgba(9,9,9,.78);
  --ix-frost-bottom: #090909;

  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: var(--ix-height);
  gap: var(--ix-gap);
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: auto;
  margin: 16px 0 0;
  padding: 2px var(--ix-gutter) var(--ix-lip);
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}
:root[data-vovry-material="thin-glass"][data-theme="light"] #dao-social-layer .social-tabs {
  --ix-edge: rgba(255,255,255,.66);
  --ix-inactive-edge: rgba(255,255,255,.40);
  --ix-rim-floor: rgba(255,255,255,.52);
  --ix-glint: rgba(255,255,255,.66);
  --ix-gleam: rgba(255,255,255,.20);
  --ix-rim-inactive-opacity: .66;
  --ix-baseline-low: rgba(255,255,255,.52);
  --ix-baseline-high: rgba(255,255,255,.74);
  --ix-face-top: #e2e2e2;
  --ix-face-bottom: #d7d7d7;
  --ix-frost-top: rgba(239,239,239,.48);
  --ix-frost-mid: rgba(239,239,239,.80);
  --ix-frost-bottom: #efefef;
}

/* Frosted foreground only. The fine optical rim is NOT blurred here. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  box-sizing: border-box;
  width: auto;
  height: var(--ix-lip);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(180deg,
    var(--ix-frost-top) 0%,
    var(--ix-frost-mid) 52%,
    var(--ix-frost-bottom) 100%);
  opacity: 1;
  box-shadow: none;
  filter: none;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-mask: none;
  mask: none;
  transform: none;
  pointer-events: none;
}

/* Level foreground edge with balanced highlights and a visible minimum. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  inset: auto 0 calc(var(--ix-lip) - var(--ix-stroke));
  box-sizing: border-box;
  width: auto;
  height: var(--ix-stroke);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--ix-baseline-paint);
  box-shadow: none;
  opacity: 1;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-mask: none;
  mask: none;
  transform: none;
  pointer-events: none;
}

/* Exactly the same geometry for both tabs, in either selection state. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"] {
  --ix-outline: var(--ix-inactive-edge);
  --ix-rim-opacity: var(--ix-rim-inactive-opacity);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex: none;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: var(--ix-height);
  min-height: var(--ix-height);
  margin: 0;
  padding: 0 12px 3px;
  border: 0;
  border-radius: var(--ix-radius) var(--ix-radius) 0 0;
  background: transparent;
  color: var(--ix-muted);
  box-shadow: none;
  opacity: 1;
  overflow: visible;
  font-family: inherit;
  font-size: clamp(14px, 3.8vw, 16px);
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  touch-action: manipulation;
  transform: none;
  transition: color .18s ease;
}

/* A single body continues below the baseline; not a separate shadow/lip. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  box-sizing: border-box;
  width: auto;
  height: calc(100% + var(--ix-lip));
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--ix-radius) var(--ix-radius) 10px 10px;
  background: linear-gradient(180deg, var(--ix-face-top), var(--ix-face-bottom));
  opacity: 1;
  box-shadow: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-mask: none;
  mask: none;
  transform: none;
  pointer-events: none;
}

/* Open rim fallback. The mask upgrade below paints only its top and sides. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  box-sizing: border-box;
  width: auto;
  height: calc(100% + var(--ix-stroke));
  margin: 0;
  padding: 0;
  border: var(--ix-stroke) solid var(--ix-outline);
  border-bottom: 0;
  border-radius: var(--ix-radius) var(--ix-radius) 0 0;
  background: none;
  opacity: 1;
  box-shadow: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-mask: none;
  mask: none;
  transform: none;
  pointer-events: none;
}
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"] > span {
  position: relative;
  z-index: 2;
}
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"] > span[data-i18n] {
  display: block;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* Keep notification counts out of the width calculation. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs #social-notification-count:not(:empty) {
  position: absolute;
  inset: 7px 9px auto auto;
  z-index: 4;
  font-size: 10px;
}

:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"] {
  --ix-outline: var(--ix-edge);
  --ix-rim-opacity: 1;
  z-index: 4;
  border: 0;
  background: transparent;
  color: var(--ix-ink);
  box-shadow: none;
  transform: none;
}
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"]::before {
  inset: 0 0 auto;
  height: calc(100% + var(--ix-lip));
  border: 0;
  border-radius: var(--ix-radius) var(--ix-radius) 10px 10px;
  background: var(--ix-page);
  box-shadow: none;
  opacity: 1;
  transform: none;
}
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"]::after {
  background: none;
  border: var(--ix-stroke) solid var(--ix-edge);
  border-bottom: 0;
  box-shadow: none;
  filter: none;
}
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]:focus-visible {
  outline: 2px solid var(--tg-focus, currentColor);
  outline-offset: 3px;
}

/* Optical rim: subtract the interior from the balanced paint, leaving one fine
 * OPEN top/left/right edge. Zero bottom padding is deliberate: no closing
 * bottom line is ever painted, even while another tab is being selected.
 * All shapes remain identical; only paint and stacking differ by state.
 * No filter/shadow/glow on this layer: those would make the edge look thick.
 */
@supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]::after,
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"]::after {
    border: 0;
    padding: var(--ix-stroke) var(--ix-stroke) 0;
    background: var(--ix-edge-paint);
    background-origin: border-box;
    background-clip: border-box;
    opacity: var(--ix-rim-opacity);
    box-shadow: none;
    filter: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
  }
}

/* Preserve the existing search screen and native hidden semantics. */
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer.is-searching .social-tabs,
:root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs[hidden] { display: none !important; }

@media (max-width: 380px) {
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs {
    --ix-gap: 10px;
    --ix-gutter: 4px;
    --ix-height: 54px;
    --ix-radius: 22px;
  }
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"] {
    padding-inline: 8px;
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"] { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs::before {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: linear-gradient(180deg,var(--ix-frost-mid),var(--ix-page));
  }
}
@media (forced-colors: active) {
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs {
    --ix-edge: CanvasText;
    --ix-inactive-edge: GrayText;
    --ix-page: Canvas;
    --ix-face-top: Canvas;
    --ix-face-bottom: Canvas;
    --ix-frost-top: Canvas;
    --ix-frost-mid: Canvas;
    --ix-frost-bottom: Canvas;
  }
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"] {
    color: Highlight;
    font-weight: 800;
  }
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]::after,
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs::after { filter: none; }
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs::after { background: CanvasText; }
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"]::after,
  :root[data-vovry-material="thin-glass"][data-theme] #dao-social-layer .social-tabs button[role="tab"][aria-selected="true"]::after {
    padding: 0;
    border: var(--ix-stroke) solid var(--ix-outline);
    border-bottom: 0;
    background: none;
    opacity: 1;
    -webkit-mask: none;
    mask: none;
  }
}