.glass-surface{--glass-tint:color-mix(in srgb, var(--color-bg-surface) 55%, transparent);--glass-rim:#fff9;--glass-edge:#ffffff47;--glass-shadow:0 8px 24px #16181d24, 0 1px 3px #16181d14;background:var(--glass-tint);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-rim), inset 0 0 0 .5px var(--glass-edge)}.glass-surface[data-tone=brand]{--glass-tint:color-mix(in srgb, var(--color-brand-600) 90%, transparent);--glass-rim:#fff6}[data-theme=dark] .glass-surface{--glass-rim:#ffffff29;--glass-edge:#ffffff1a;--glass-shadow:0 8px 24px #00000080, 0 1px 3px #0006}@media (prefers-reduced-transparency:no-preference){@media (prefers-contrast:no-preference){.glass-surface[data-refraction]{-webkit-backdrop-filter:blur(12px) saturate(180%) var(--glass-refraction);backdrop-filter:blur(12px) saturate(180%) var(--glass-refraction)}}}.glass-scroll-edge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(#0000,#000 70%);mask-image:linear-gradient(#0000,#000 70%)}@media (prefers-reduced-transparency:reduce){.glass-surface{background:var(--color-bg-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-shadow), inset 0 0 0 1px var(--color-border-default)}.glass-surface[data-tone=brand]{background:var(--color-brand-600)}.glass-scroll-edge{display:none}}@media (prefers-contrast:more){.glass-surface{background:var(--color-bg-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-shadow), inset 0 0 0 1.5px var(--color-border-strong)}.glass-surface[data-tone=brand]{background:var(--color-brand-600)}.glass-scroll-edge{display:none}}:is(:root:has([data-phone-action-bar]) .mobile-tab-bar,:root:has(:is(input:not([type=checkbox],[type=radio],[type=button],[type=submit],[type=range]),textarea,select,[contenteditable=true]):focus) .mobile-tab-bar){display:none}
