/* Glass: the third phone appearance (Light / Dark / Glass).
 *
 * html[data-appearance="glass"] sits on top of data-theme="dark", so every
 * dark rule still keeps text white; everything here is scoped under it and
 * leaves Light and Dark untouched. The app's photo is fixed behind the app
 * (#nst-glass-backdrop, mobile-glass.js), blurred and dimmed; surfaces are
 * frosted glass over it.
 *
 * Performance: backdrop-filter only on fixed or few surfaces (header, bottom
 * navs, sheets, hero cards). Long lists (feed rows, post rows, product grids)
 * get the same translucent fill and rim without the blur.
 *
 * An owner page colour (mobile-page-colors.js) does not repaint the app in
 * Glass; it tints the glass lightly through --glass-tint-rgb.
 */

html[data-appearance="glass"] {
    --gl-fill: rgba(255, 255, 255, 0.14);
    --gl-fill-strong: rgba(255, 255, 255, 0.22);
    --gl-rim: rgba(255, 255, 255, 0.32);
    --gl-rim-strong: rgba(255, 255, 255, 0.6);
    --gl-hi: inset 0 1px 0 rgba(255, 255, 255, 0.35);
    --gl-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 10px 30px rgba(0, 0, 0, 0.22);
    --gl-blur: blur(22px) saturate(170%);
    --gl-bg: rgba(255, 255, 255, 0.14);
    --gl-sheet: rgba(28, 28, 32, 0.42);
    --gl-cta: rgba(255, 255, 255, 0.92);
    --gl-cta-ink: #0b0b0c;
    background: #0b0b0c !important;
    color-scheme: dark;
}
/* A page colour tints the glass lightly. */
html[data-appearance="glass"][style*="--glass-tint-rgb"] {
    --gl-bg: linear-gradient(rgba(var(--glass-tint-rgb), 0.16), rgba(var(--glass-tint-rgb), 0.16)), rgba(255, 255, 255, 0.11);
    --gl-sheet: linear-gradient(rgba(var(--glass-tint-rgb), 0.22), rgba(var(--glass-tint-rgb), 0.22)), rgba(28, 28, 32, 0.4);
}

#nst-glass-backdrop { display: none; }
html[data-appearance="glass"] #nst-glass-backdrop {
    display: block !important;
    position: fixed !important;
    inset: -40px !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background-color: #0b0b0c;
    background-position: center 30% !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    filter: blur(26px) saturate(140%) brightness(0.62);
    transform: scale(1.08) translateZ(0);
}
html[data-appearance="glass"][style*="--glass-tint-rgb"] #nst-glass-backdrop {
    box-shadow: inset 0 0 0 100vmax rgba(var(--glass-tint-rgb), 0.14);
}

html[data-appearance="glass"] body,
html[data-appearance="glass"] body[data-theme] {
    background: transparent !important;
    background-color: transparent !important;
}

/* ------------------------------------------------------------ main areas */
/* The tab surfaces let the photo through; their own cards stay as the dark
   theme draws them unless a section below makes them glass. */
html[data-appearance="glass"] body #activity-main-area#activity-main-area,
html[data-appearance="glass"] body #ai-main-area#ai-main-area,
html[data-appearance="glass"] body #apps-main-area#apps-main-area,
html[data-appearance="glass"] body #booking-main-area#booking-main-area,
html[data-appearance="glass"] body #bytes-main-area#bytes-main-area,
html[data-appearance="glass"] body #community-main-area#community-main-area,
html[data-appearance="glass"] body #market-main-area#market-main-area,
html[data-appearance="glass"] body #shop-main-area#shop-main-area,
html[data-appearance="glass"] body #stream-main-area#stream-main-area,
html[data-appearance="glass"] body #virtual-main-area#virtual-main-area,
html[data-appearance="glass"] body #community-feed-shell#community-feed-shell,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library .mobile-import-library__body,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library .mobile-import-library__list,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library .mobile-import-library__profile-strip {
    background: transparent !important;
    background-color: transparent !important;
}

/* ------------------------------------------------------------ header */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header#mobile-app-header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0)) !important;
    background-color: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-btn,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__icon-btn,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__auth-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    align-items: center !important;
    justify-content: center !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__auth-btn {
    width: auto !important;
    padding: 0 14px !important;
    font-weight: 800 !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-btn *,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__icon-btn *,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__auth-btn *,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__actions i,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__name,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__name * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
/* The avatar and name: one glass pill. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__brand {
    height: 44px !important;
    padding: 0 16px 0 6px !important;
    border-radius: 999px !important;
    gap: 8px !important;
    align-items: center !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    top: 11px !important;
    max-width: 148px !important;
    overflow: hidden !important;
}
/* On the Moments hero the name is on the photograph; no empty pill. */
html[data-appearance="glass"] body.is-athlete-hero #mobile-app-header#mobile-app-header .mobile-app-header__brand {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__brand button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__logo {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* ------------------------------------------------------------ bottom nav */
/* One floating glass bar for every tab's nav (Moments/Channels/TV,
   Home/Rooms, Home/Ask/Reviews/Cart). */
html[data-appearance="glass"] body #bottom-nav#bottom-nav {
    background: var(--gl-bg) !important;
    background-color: transparent !important;
    border: 1px solid var(--gl-rim) !important;
    border-radius: 32px !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #bottom-nav#bottom-nav::before,
html[data-appearance="glass"] body #bottom-nav#bottom-nav::after {
    display: none !important;
}
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 22px !important;
    opacity: 1 !important;
}
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn.active {
    background: var(--gl-fill-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn i,
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn i::before,
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn .bottom-nav-label,
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn .mobile-nav-glyph,
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn svg {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    fill: currentColor;
    opacity: 1 !important;
}
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn:not(.active) .bottom-nav-label {
    opacity: 0.8 !important;
}

/* ------------------------------------------------------------ home (Moments) */
/* Three ids: the hero sheet uses two ids and long class chains. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__body,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library #mobile-import-library-list,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__profile-strip {
    --mom-page: transparent;
    --mom-ink: #ffffff;
    --mom-dim: rgba(255, 255, 255, 0.74);
    --mom-line: rgba(255, 255, 255, 0.32);
    background: transparent !important;
    background-color: transparent !important;
}
/* The hero: the photograph framed in a glass card under the header. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__profile-strip.is-identity {
    padding: calc(var(--mobile-app-header-height, 74px) - 8px) 12px 0 !important;
    box-sizing: border-box !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__identity-hero {
    padding: 8px !important;
    box-sizing: border-box !important;
    border-radius: 30px !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    height: 50vh !important;
    height: 50dvh !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__identity-photo,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__identity-scrim {
    inset: 8px !important;
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    border-radius: 23px !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__identity-scrim {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 100%) !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mobile-import-library__identity-caption {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
}
/* The sticky bar that slides in over the list once the hero scrolls away. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-scrim-bar__in {
    background: rgba(255, 255, 255, 0.1) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-scrim-bar__photo,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-scrim-bar__shade {
    display: none !important;
}
/* ON TV NOW: one glass card. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-onair {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    border-radius: 24px !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-onair__live,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-onair__live * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-onair__bar i {
    background: #ffffff !important;
}
/* Tiles: covers keep their pictures; a glass rim instead of a black mat.
   A list, so no backdrop blur. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-thumb {
    background: var(--gl-fill) !important;
    box-shadow: inset 0 0 0 1px var(--gl-rim), 0 8px 22px rgba(0, 0, 0, 0.18) !important;
    border-radius: 22px !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-head span,
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .mom-sec--row[data-mom-row="new"] .mom-head span {
    color: rgba(255, 255, 255, 0.74) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.74) !important;
}

/* ------------------------------------------------------------ community home */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home {
    --lh-ink: #ffffff;
    --lh-page: rgba(0, 0, 0, 0.3);
    --lh-dim: rgba(255, 255, 255, 0.74);
    --lh-faint: rgba(255, 255, 255, 0.6);
    --lh-line: rgba(255, 255, 255, 0.22);
    --lh-edge: rgba(255, 255, 255, 0.32);
    --lh-live: #86efac;
    --lh-accent: rgba(255, 255, 255, 0.7);
    background: transparent !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-eye,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-link,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-link * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-sec__head {
    border-top: 0 !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-sec__head::before,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-sec__head::after {
    display: none !important;
}
/* The Lobby hero: the photograph framed in glass. */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero {
    padding: 6px !important;
    border-radius: 30px !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero__img,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero__shade {
    inset: 6px !important;
    width: calc(100% - 12px) !important;
    height: calc(100% - 12px) !important;
    border-radius: 24px !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-bubble {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero .fp-hero__go,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero .fp-hero__go * {
    background: var(--gl-cta) !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-hero .fp-hero__go * {
    background: transparent !important;
}
/* ALL ROOMS (the doorway row and the Rooms view): glass cards. A scroller,
   so the fill and rim carry it without a backdrop blur. */
/* The door itself stays open (no card); the ARCH is the glass: a frosted
   doorway with a white rim, the same arch shape as Light and Dark. */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door.is-accent,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door.is-lobby {
    border-color: var(--gl-rim-strong) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__arch,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door.is-accent .lh-door__arch,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-doors .lh-door.is-lobby .lh-door__arch {
    border: 1.5px solid var(--gl-rim-strong) !important;
    border-radius: 999px 999px 18px 18px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__words {
    padding: 0 2px !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door .fp-face {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__lock,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__price,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-card__lock {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__lock *,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door__price *,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-card__lock * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-card {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-door--new .lh-door__arch {
    border: 1px dashed rgba(255, 255, 255, 0.5) !important;
}
/* FROM THE ROOMS: each post a glass card; a list, so no backdrop blur. */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-rows {
    gap: 10px !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row {
    margin: 0 16px !important;
    padding: 14px 16px !important;
    border-radius: 22px !important;
    border: 1px solid var(--gl-rim) !important;
    background: var(--gl-bg) !important;
    box-shadow: var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row:last-child {
    border-bottom: 1px solid var(--gl-rim) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row__room {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row__room,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row__room * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-row__thumb {
    background: rgba(0, 0, 0, 0.3) !important;
}
/* The Rooms view's title block. */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-rooms__title,
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .lh-rooms__sub {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ------------------------------------------------------------ shop home */
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home {
    --home-paper: transparent;
    --home-ink: #ffffff;
    --home-dim: rgba(255, 255, 255, 0.78);
    --home-faint: rgba(255, 255, 255, 0.62);
    --home-line: rgba(255, 255, 255, 0.22);
    --home-edge: rgba(255, 255, 255, 0.32);
    --home-hero-card: rgba(255, 255, 255, 0.14);
    --home-hero-ink: #ffffff;
    --home-hero-dim: rgba(255, 255, 255, 0.78);
    --home-btn: #ffffff;
    --home-on-btn: #0b0b0c;
    background: transparent !important;
}
/* The featured card and the lead art: few, fixed, so real frosted glass. */
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-feature {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
    border-radius: 28px !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-feature-go {
    background: var(--gl-cta) !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
    border: 0 !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-feature-go * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-lead-art,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-side-tile {
    box-shadow: inset 0 0 0 1px var(--gl-rim), 0 10px 30px rgba(0, 0, 0, 0.22) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-side-pill {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-side-pill,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-side-pill * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* Filter pills: glass; the selected one near-white with dark words. */
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-chips button,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-bag {
    background: var(--gl-fill) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-chips button small,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-chips button i {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-chips button.is-active {
    background: var(--gl-cta) !important;
    border-color: transparent !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-chips button.is-active small {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
    opacity: 0.55 !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-bag span {
    background: #ffffff !important;
    color: #0b0b0c !important;
    -webkit-text-fill-color: #0b0b0c !important;
}
/* THE RACK: each card a glass frame around its art. A scroller, so no
   backdrop blur. */
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-card {
    padding: 6px 6px 8px !important;
    border-radius: 26px !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-hook {
    display: none !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-art {
    border-radius: 20px !important;
    background: rgba(0, 0, 0, 0.3) !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-row {
    padding: 0 6px !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-buy button,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-add {
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-buy button *,
html[data-appearance="glass"] body #moments-scroll-container#moments-scroll-container .shop-home .shop-home-add * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* "More live posts" at the foot of FROM THE ROOMS: a glass pill. */
html[data-appearance="glass"] body #community-main-area#community-main-area #community-layers-home .fp-more {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* The strip behind the shop's nav pill (body::after): the shop surfaces stop
   above the pill, so in glass the photo runs to the floor. */
html[data-appearance="glass"] body:has(#bottom-nav .shop-nav-label)::after {
    background: transparent !important;
}
/* Buy $PAID on one line inside the framed hero. */
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .meme-coin-hero-market.is-split {
    width: 100% !important;
}
html[data-appearance="glass"] body #mobile-import-library#mobile-import-library#mobile-import-library .meme-coin-hero-market.is-split .mch-buy {
    white-space: nowrap !important;
}
/* The empty shop's "Get updates" form. */
html[data-appearance="glass"] body #shop-empty-signup-submit#shop-empty-signup-submit {
    background: var(--gl-cta) !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
    border: 0 !important;
}

/* ------------------------------------------------------------ sheets */
/* Glass panels over the app: a dark frosted fill so the words stay white
   whatever the photo is, the app blurred through it. Fixed surfaces, one at
   a time, so they carry the backdrop blur. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-menu,
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
    border-right: 1px solid var(--gl-rim) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.12), 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal {
    border-right: 0 !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal > *:not(.cart-scroll):not(button) {
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-item {
    background: var(--gl-fill) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: var(--gl-hi) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-item.is-active {
    background: var(--gl-fill-strong) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-item span,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-title,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-identity,
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-identity * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__more-title {
    opacity: 0.72;
}

/* Settings (mobile-settings-ios.js): its palette is tokens on the root, so
   glass swaps the tokens; the root carries the one blur. */
html[data-appearance="glass"] body #mobile-settings-modal#mobile-settings-modal#mobile-settings-modal {
    --ios-bg: rgba(12, 12, 16, 0.34) !important;
    --ios-card: rgba(255, 255, 255, 0.1) !important;
    --ios-cardLine: rgba(255, 255, 255, 0.24) !important;
    --ios-cardShadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    --ios-sep: rgba(255, 255, 255, 0.16) !important;
    --ios-nav: rgba(12, 12, 16, 0.3) !important;
    --ios-navLine: rgba(255, 255, 255, 0.18) !important;
    --ios-label: #ffffff !important;
    --ios-label2: rgba(255, 255, 255, 0.72) !important;
    --ios-label3: rgba(255, 255, 255, 0.45) !important;
    --ios-tint: #ffffff !important;
    --ios-press: rgba(255, 255, 255, 0.16) !important;
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
}

/* ------------------------------------------------------------ market (coin) */
/* The coin view (static/js/market/activity.js, market-owner-home.css) is a
   fixed modal over the tab; three ids outrank its rules and the page's
   #market-main-area sweeps. The chart's canvas ink is switched in activity.js. */
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal #mobile-market-activity-modal-list,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade {
    background: transparent !important;
    background-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal #mobile-market-activity-modal-list {
    padding-top: calc(var(--mobile-app-header-height, 74px) - 10px) !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal *:not(svg):not(path) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chartbox {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    border-radius: 24px !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-stats article,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-mc,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-position,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__amounts > button {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-stats article { border-radius: 16px !important; }
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-mc { border-radius: 20px !important; }
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-stats span,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trades__head > span,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade-row .ago,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade-row .usd,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__hint,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__foot span,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__link,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-mc {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
/* Pills and tabs: glass, the selected one lighter. */
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__ranges > button,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__scales > button,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__top > button,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__tf > button {
    background: var(--gl-fill) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__scales > button,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__top > button,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__tf > button {
    background: transparent !important;
    border-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__ranges > button.is-selected,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-chart__scales > button.is-selected,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__top > button.is-selected,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__tf > button.is-selected,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__amounts > button.is-selected {
    background: var(--gl-fill-strong) !important;
    border-color: var(--gl-rim-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-mc__track { background: rgba(255, 255, 255, 0.2) !important; }
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-mc__track i,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__bar i,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__bar span { background: #ffffff !important; }
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-panel__bar { background: rgba(255, 255, 255, 0.18) !important; }
/* Up and down, brightened for the dark glass. */
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .is-up, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal b.is-up, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal em.is-up, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .tone-good {
    color: #86efac !important;
    -webkit-text-fill-color: #86efac !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .is-down, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal b.is-down, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal em.is-down, html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .tone-bad {
    color: #fda4af !important;
    -webkit-text-fill-color: #fda4af !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .tone-warn {
    color: #fcd34d !important;
    -webkit-text-fill-color: #fcd34d !important;
}
/* Recent trades: translucent cards, no backdrop blur (a long list). */
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trades__head { border-top: 0 !important; }
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade-row {
    margin: 0 0 6px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.1) !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade-row.is-mine { background: var(--gl-fill-strong) !important; }

/* The buy/sell dock: one frosted panel, near-white primary. */
html[data-appearance="glass"] body.market-active #mobile-market-activity-modal #market-trade-dock#market-trade-dock#market-trade-dock,
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock {
    background: var(--gl-sheet) !important;
    border-top: 1px solid var(--gl-rim) !important;
    border-radius: 26px 26px 0 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 -14px 34px -18px rgba(0, 0, 0, 0.5) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__tabs {
    background: var(--gl-fill) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock button {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__tabs button,
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__presets button,
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-flip] {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__presets button,
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-flip] {
    background: var(--gl-fill) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__tabs button[aria-pressed=true],
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__presets button[aria-pressed=true] {
    background: var(--gl-fill-strong) !important;
    border-color: var(--gl-rim-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__quote strong,
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-input],
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__note {
    color: rgba(255, 255, 255, 0.86) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.86) !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock .trade-dock__quote strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-impact] {
    background: rgba(134, 239, 172, 0.16) !important;
    color: #86efac !important;
    -webkit-text-fill-color: #86efac !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-impact].is-high {
    background: rgba(253, 164, 175, 0.16) !important;
    color: #fda4af !important;
    -webkit-text-fill-color: #fda4af !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-submit],
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock[data-side=sell] [data-dock-submit] {
    background: var(--gl-cta) !important;
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.5) !important;
}
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-submit],
html[data-appearance="glass"] body #market-trade-dock#market-trade-dock#market-trade-dock [data-dock-submit] span {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}

html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button[data-trade-action="buy"],
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button.is-buy {
    background: var(--gl-cta) !important;
    border: 0 !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button[data-trade-action="buy"],
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button[data-trade-action="buy"] *,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button.is-buy,
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button.is-buy * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button[data-trade-action="sell"],
html[data-appearance="glass"] body #mobile-market-activity-modal#mobile-market-activity-modal#mobile-market-activity-modal .market-trade__actions > button.is-sell {
    background: var(--gl-fill) !important;
    border: 1px solid var(--gl-rim) !important;
}

/* ------------------------------------------------------------ market (Bucks / main area) */
/* The tab's own pages under the coin view: #market-main-area * paints every
   node, so three ids and the text fill on each. */
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-owner-home,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-owner-dashboard {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area *:not(svg):not(path):not(img):not(video) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home__amount > div > div,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home__amount button,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home__actions button:not(.buy-btn-sexy),
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home__title span {
    background: var(--gl-fill) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .market-guest-home__amount input {
    background: transparent !important;
}
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .buy-btn-sexy,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .buy-btn-sexy::before,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .buy-btn-sexy::after {
    background: var(--gl-cta) !important;
    border: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .buy-btn-sexy,
html[data-appearance="glass"] body #market-main-area#market-main-area#market-main-area .buy-btn-sexy * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
/* The coin view is see-through in glass; the Bucks page under it steps out
   while it is open (it is removed on close, so :has follows it). */
html[data-appearance="glass"] body:has(#mobile-market-activity-modal) #market-main-area .market-guest-home,
html[data-appearance="glass"] body:has(#mobile-market-activity-modal) #market-main-area .market-owner-home {
    visibility: hidden !important;
}

/* ------------------------------------------------------------ market owner dashboard */
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__body {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard *:not(svg):not(path):not(img) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__intro span,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__heading span,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__heading small,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__metrics span,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__split > article > span,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__recent small,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__chart.is-empty {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__hero {
    background: var(--gl-bg) !important;
    background-image: none !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__hero::before,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__hero::after {
    display: none !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__metrics article,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__chart,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__split > article,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__recent > button,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__periods,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__refresh,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__heading button {
    background: var(--gl-bg) !important;
    background-image: none !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__split > article > div,
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__split > article > div * {
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__periods button {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__periods button.is-active {
    background: var(--gl-fill-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .market-owner-dashboard__chart i {
    background: rgba(255, 255, 255, 0.7) !important;
}
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .is-up { color: #86efac !important; -webkit-text-fill-color: #86efac !important; }
html[data-appearance="glass"] body #mobile-market-owner-dashboard#mobile-market-owner-dashboard#mobile-market-owner-dashboard .is-down { color: #fda4af !important; -webkit-text-fill-color: #fda4af !important; }
/* The market header's price pill. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .market-header-ticker__change.is-down {
    color: #fda4af !important; -webkit-text-fill-color: #fda4af !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .market-header-ticker__change.is-up {
    color: #86efac !important; -webkit-text-fill-color: #86efac !important;
}
/* Every tab's nav label, whatever its class. */
html[data-appearance="glass"] body #bottom-nav#bottom-nav .bottom-nav-btn span:not(.bottom-nav-avatar) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ------------------------------------------------------------ market wallet */
html[data-appearance="glass"] body #mobile-market-guest-wallet#mobile-market-guest-wallet#mobile-market-guest-wallet, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wallet-pro-v3 {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-market-guest-wallet#mobile-market-guest-wallet#mobile-market-guest-wallet *:not(svg):not(path):not(img):not(button):not(button *), html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet *:not(svg):not(path):not(img):not(button):not(button *) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-eyebrow, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-change, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-caption, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-empty, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-gas, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-security {
    color: rgba(255, 255, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
}
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-change b { background: rgba(134, 239, 172, 0.16) !important; color: #86efac !important; -webkit-text-fill-color: #86efac !important; }
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-change b.is-down { background: rgba(253, 164, 175, 0.16) !important; color: #fda4af !important; -webkit-text-fill-color: #fda4af !important; }
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-eyebrow button { border-bottom-color: #ffffff !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; }
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-hero, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-ledger, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-allocation {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    border-radius: 24px !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-hero { margin: 8px 12px 0 !important; padding: 16px 16px 12px !important; -webkit-backdrop-filter: var(--gl-blur) !important; backdrop-filter: var(--gl-blur) !important; }
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-ledger, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-allocation { margin-left: 12px !important; margin-right: 12px !important; }
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet button {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-ledger, html[data-appearance="glass"] body #market-crypto-wallet#market-crypto-wallet#market-crypto-wallet .wp-allocation { padding: 12px 14px !important; }

/* ------------------------------------------------------------ community search sheet */
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: blur(34px) saturate(160%) !important;
    backdrop-filter: blur(34px) saturate(160%) !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-sheet {
    background: transparent !important;
    background-color: transparent !important;
}
/* The sheet's own search field sits on the frosted panel: no second blur. */
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-search { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-sheet *:not(i):not(img) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop i { color: rgba(255, 255, 255, 0.8) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important; }
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-search {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-search input { background: transparent !important; }
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-search input::placeholder { color: rgba(255, 255, 255, 0.65) !important; -webkit-text-fill-color: rgba(255, 255, 255, 0.65) !important; }
/* Results: a list, so fill and rim without the blur. */
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-result,
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button.is-active,
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button[aria-pressed="true"] {
    background: var(--gl-cta) !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button.is-active *,
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button[aria-pressed="true"] *,
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button.is-active,
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-room-rail button[aria-pressed="true"] {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop .community-explore-avatar { background: rgba(255, 255, 255, 0.18) !important; }

/* The Bag's empty-state button: near-white primary. */
html[data-appearance="glass"] body #shopping-cart-modal#shopping-cart-modal #cart-browse-btn {
    background: var(--gl-cta) !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
    border: 0 !important;
    box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.5) !important;
}
/* Rooms view: the two-line name pill stays clear of the search button. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__brand {
    max-width: 136px !important;
}
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__brand .mobile-app-header__name-wrap {
    min-width: 0 !important;
    overflow: hidden !important;
}
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop label.community-explore-search { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
/* The panel runs up under the (clear) header so the feed does not show
   through above the search field. */
html[data-appearance="glass"] body #community-explore-backdrop#community-explore-backdrop#community-explore-backdrop {
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    padding-top: var(--mobile-app-header-height, 74px) !important;
    box-sizing: border-box !important;
}

/* ------------------------------------------------------------ booking (guest) */
/* guest-desk.js / mobile-booking-desk.css run on tokens; glass swaps them.
   The selected day, time and the primary button take the near-white pill. */
html[data-appearance="glass"] body #booking-main-area#booking-main-area #mobile-builtin-booking-container {
    background: transparent !important;
    background-image: none !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx {
    --bgx-paper: transparent;
    --bgx-ink: #ffffff;
    --bgx-dim: rgba(255, 255, 255, 0.74);
    --bgx-faint: rgba(255, 255, 255, 0.6);
    --bgx-off: rgba(255, 255, 255, 0.4);
    --bgx-edge: rgba(255, 255, 255, 0.22);
    --bgx-field: rgba(255, 255, 255, 0.32);
    --bgx-hl: rgba(255, 255, 255, 0.92);
    --bgx-on-hl: #0b0b0c;
    --bgx-hl-soft: rgba(255, 255, 255, 0.18);
    --bgx-hl-line: rgba(255, 255, 255, 0.5);
    --bgx-good: #86efac;
    --bgx-good-bg: rgba(134, 239, 172, 0.16);
    --bgx-warn: #fcd34d;
    --bgx-bad: #fda4af;
    background: transparent !important;
}
/* Cards over the backdrop: fill and rim (the types row scrolls: no blur). */
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-type,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-chip,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-slot,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-nav,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-tz,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-back,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-btn--line,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-seg,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-field input,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-field textarea,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-field select,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-fmt {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-type { border-radius: 22px !important; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-type.is-on {
    background: var(--gl-fill-strong) !important;
    border-color: var(--gl-rim-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 10px 30px rgba(0, 0, 0, 0.22) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-type span { border-color: rgba(255, 255, 255, 0.4) !important; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-svc,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-cal,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-times {
    margin: 12px 12px 0 !important;
    border: 1px solid var(--gl-rim) !important;
    border-radius: 26px !important;
    background: var(--gl-bg) !important;
    box-shadow: var(--gl-shadow) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-svc {
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-sum {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
/* Selected chip/day/time/segment: the near-white pill with dark words. */
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-chip.is-on,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-slot.is-on,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-seg button[aria-pressed="true"],
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-fmt button[aria-pressed="true"],
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-fmt button.is-on {
    background: var(--gl-cta) !important;
    border-color: transparent !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-chip.is-on,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-chip.is-on *,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-slot.is-on,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-slot.is-on *,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-seg button[aria-pressed="true"],
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-fmt button[aria-pressed="true"],
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-fmt button.is-on {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-chip.is-on * { opacity: 0.8; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-day.is-open:not(.is-on) { background: rgba(255, 255, 255, 0.16) !important; }
/* The Continue bar and checkout bar: frosted, fixed-ish, few. */
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-bar,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-cobar {
    background: var(--gl-sheet) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 14px 34px rgba(0, 0, 0, 0.35) !important;
    -webkit-backdrop-filter: blur(30px) saturate(160%) !important;
    backdrop-filter: blur(30px) saturate(160%) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-btn--solid,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-btn--solid * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-done__mark { background: #86efac !important; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-done__mark, html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-done__mark * { color: #0b0b0c !important; -webkit-text-fill-color: #0b0b0c !important; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx option { background: #1c1c20 !important; color: #ffffff !important; }
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-steps__item.is-on .bgx-steps__dot,
html[data-appearance="glass"] body #booking-main-area #bk-guestx#bk-guestx#bk-guestx .bgx-steps__item.is-on .bgx-steps__dot * {
    color: #0b0b0c !important;
    -webkit-text-fill-color: #0b0b0c !important;
}

/* ------------------------------------------------------------ booking (owner dashboard) */
/* mobile-owner-dash.css runs on --odx-* tokens; glass swaps them for the
   booking dashboard. Cards scroll with the page: fill and rim, no blur. */
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx {
    --odx-bg: transparent;
    --odx-card: rgba(255, 255, 255, 0.14);
    --odx-ink: #ffffff;
    --odx-mute: rgba(255, 255, 255, 0.72);
    --odx-faint: rgba(255, 255, 255, 0.5);
    --odx-line: rgba(255, 255, 255, 0.22);
    --odx-line2: rgba(255, 255, 255, 0.32);
    --odx-brand: rgba(255, 255, 255, 0.92);
    --odx-good: #86efac;
    --odx-bad: #fda4af;
    --odx-warn: #fcd34d;
    background: transparent !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-card,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-tile {
    border-color: var(--gl-rim) !important;
    border-radius: 20px !important;
    box-shadow: var(--gl-hi), 0 10px 30px rgba(0, 0, 0, 0.18) !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-btn {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    border-radius: 999px !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-btn.is-solid,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-seg button[aria-pressed="true"],
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-tab[aria-selected="true"],
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-tab.is-on,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-chip[aria-pressed="true"],
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-chip.is-on {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-btn.is-solid *,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-seg button[aria-pressed="true"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-tab[aria-selected="true"],
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-tab.is-on {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-seg,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-search,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-pill,
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-chip {
    background: var(--gl-fill) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: underline !important;
}
/* Booking order/detail actions are painted opaque white by the shared owner
   dashboard stylesheet. Keep their labels and surfaces together in Glass. */
html[data-appearance="glass"] body #mobile-booking-owner-detail#mobile-booking-owner-detail .mbd-btn {
    background: var(--gl-fill) !important;
    border-color: var(--gl-rim) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-booking-owner-detail#mobile-booking-owner-detail .mbd-btn.is-danger {
    color: #ffb7bd !important;
    -webkit-text-fill-color: #ffb7bd !important;
    border-color: rgba(255,183,189,.55) !important;
}
html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-bars__col i, html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-hbar__track i, html[data-appearance="glass"] body #bk-odx#bk-odx#bk-odx.odx .odx-spark path {
    background-color: rgba(255, 255, 255, 0.85);
}
/* The booking tab's wrappers (services list host) paint the dark page. */
html[data-appearance="glass"] body #booking-main-area#booking-main-area :is(#booking-services-content, #mobile-services-selection-list, #mobile-services-selection),
html[data-appearance="glass"] body #booking-main-area#booking-main-area div:has(> #mobile-services-selection) {
    background: transparent !important;
    background-color: transparent !important;
}

/* ------------------------------------------------------------ booking: guest Bookings sheet */
/* mobile-booking-customer.css draws this surface white in both themes; in
   glass it is a frosted panel with glass cards and near-white actions. */
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: blur(34px) saturate(160%) !important;
    backdrop-filter: blur(34px) saturate(160%) !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface *:not(img):not(svg):not(path):not(video) {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface :where(div, section, article, header, span, p, small, strong, b, a, button):where(:not(.mbc-sugg-swatch):not(.mbc-live-dot):not(.mbc-empty-mark)) {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface :is(.mbc-card, .mbc-sugg, .mbc-res-empty-hero, .mbc-empty-premium, .mbc-account, .mbc-date-chip, .mbc-time, .mbc-sugg-slots button, .mbc-action-secondary, .mbc-back, .mbc-browse-all, .mbc-steps) {
    background-color: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface :is(.mbc-action, .mbc-empty-actions .mbc-action, .mbc-sugg-slots button.is-soonest, .mbc-date-chip.is-active, .mbc-time.is-selected) {
    background-color: var(--gl-cta) !important;
    border-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface :is(.mbc-action, .mbc-empty-actions .mbc-action, .mbc-sugg-slots button.is-soonest, .mbc-date-chip.is-active, .mbc-time.is-selected),
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface :is(.mbc-action, .mbc-sugg-slots button.is-soonest, .mbc-date-chip.is-active, .mbc-time.is-selected) * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface .mbc-empty-actions .mbc-action-secondary,
html[data-appearance="glass"] body #mobile-booking-customer-surface#mobile-booking-customer-surface#mobile-booking-customer-surface .mbc-empty-actions .mbc-action-secondary * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ------------------------------------------------------------ booking: calendar view */
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .mobile-calendar-empty-day,
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .mobile-calendar-day-time,
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .booking-guest-time-tile,
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar #prev-month, html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar #next-month {
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-hi) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .mobile-calendar-day-time *, html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .booking-guest-time-tile * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .calendar-day.selected {
    background: var(--gl-cta) !important;
    border-color: transparent !important;
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .calendar-day.selected * {
    color: var(--gl-cta-ink) !important;
    -webkit-text-fill-color: var(--gl-cta-ink) !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar button {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .calendar-day:not(.selected) {
    background-color: transparent !important;
}
html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .calendar-day.has-services:not(.selected), html[data-appearance="glass"] body #mobile-builtin-calendar#mobile-builtin-calendar#mobile-builtin-calendar .calendar-day.has-bookings:not(.selected) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
/* Menu Utilities in Glass: the icon tile is glass too, white icon. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__assistant-section[aria-label="Utilities"] .mobile-app-header__more-item i {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Channels uses the Control Room renderer, whose inline palette is separate
   from the older season list and channel editor. Override its tokens so live,
   off-air, empty and newly rendered channels all follow Glass immediately. */
html[data-appearance="glass"] body #mobile-bloc-builder#mobile-bloc-builder#mobile-bloc-builder {
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-bloc-builder#mobile-bloc-builder#mobile-bloc-builder :is(.mobile-bloc-builder__body, .mobile-bloc-builder__list) {
    background: transparent !important;
}
html[data-appearance="glass"] body #control-room#control-room#control-room {
    --mcr-bg: transparent !important;
    --mcr-ink: #fff !important;
    --mcr-mute: rgba(255,255,255,.74) !important;
    --mcr-faint: rgba(255,255,255,.55) !important;
    --mcr-line: rgba(255,255,255,.24) !important;
    --mcr-soft: rgba(255,255,255,.14) !important;
    --mcr-screen: rgba(255,255,255,.10) !important;
    --mcr-screen-edge: rgba(255,255,255,.32) !important;
    --mcr-screen-bar: rgba(12,12,16,.45) !important;
    background: transparent !important;
}
/* Fill and rim on scrolling cards; a single blur on the containing sheet. */
html[data-appearance="glass"] body #control-room#control-room#control-room .mcr-tile {
    padding: 10px !important;
    background: var(--gl-bg) !important;
    border: 1px solid var(--gl-rim) !important;
    border-radius: 24px !important;
    box-shadow: var(--gl-hi) !important;
}
html[data-appearance="glass"] body #control-room#control-room#control-room .mcr-more {
    background: var(--gl-bg) !important;
    border-color: var(--gl-rim) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* ------------------------------------------------ Connected Accounts */
/* The owner's accounts panel (mobile-connected-accounts.css) takes its
   colours from --ca-* tokens; Glass swaps them for frosted fills, white text
   and the glass rim, and lets the photo through behind the lists. One blur
   per list (a handful on screen), none on the rows. A page colour tints it
   through --gl-bg like the rest of the glass app. */
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] {
    --ca-bg: transparent;
    --ca-panel: rgba(255, 255, 255, 0.1);
    --ca-ink: #ffffff;
    --ca-dim: rgba(255, 255, 255, 0.76);
    --ca-faint: rgba(255, 255, 255, 0.58);
    --ca-line: rgba(255, 255, 255, 0.2);
    --ca-soft: rgba(255, 255, 255, 0.08);
    --ca-field: rgba(0, 0, 0, 0.22);
    --ca-field-ink: #ffffff;
    --ca-btn: var(--gl-cta);
    --ca-on-btn: var(--gl-cta-ink);
    --ca-good: #a7f3c0;
    --ca-good-bg: rgba(34, 197, 94, 0.22);
    --ca-warn: #fde68a;
    --ca-warn-bg: rgba(245, 158, 11, 0.24);
    --ca-info: #bfdbfe;
    --ca-info-bg: rgba(59, 130, 246, 0.26);
    --ca-bad: #fecaca;
    --ca-shadow: var(--gl-hi);
    --ca-panel-filter: none;
    /* The panel sits over the timeline it came from: frost that, so the
       hero and posts underneath read as glass, not as clutter. */
    background: var(--gl-sheet) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-list {
    border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-tabs {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-tab.is-active {
    background: rgba(255, 255, 255, 0.24) !important;
    box-shadow: var(--gl-hi), 0 0 0 1px var(--gl-rim) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-btn:not(.is-primary):not(.is-quiet) {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--gl-rim) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-icon:is(.is-tiktok, .is-x, .is-threads) {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-accounts] .nca-loading {
    border-color: var(--gl-rim) !important;
    background: var(--gl-bg) !important;
}
/* The source sheet (Disconnect's confirm): a dark glass panel so its white
   labels hold on a pale photo, and a solid red for the destructive action. */
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-source-sheet] .mobile-import-library__source-sheet-panel {
    background: var(--gl-sheet) !important;
    border: 1px solid var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-source-sheet] .mobile-import-library__source-sheet-actions button {
    --ca-sheet-btn: rgba(255, 255, 255, 0.14);
    --ca-sheet-ink: #ffffff;
    --ca-sheet-line: var(--gl-rim);
    --ca-sheet-bad: #ffffff;
}
html[data-appearance="glass"] body #mobile-import-library:not(#nca) [data-mobile-import-library-source-sheet] .mobile-import-library__source-sheet-actions button.is-danger {
    --ca-sheet-btn: rgba(220, 38, 38, 0.86);
    --ca-sheet-line: rgba(255, 255, 255, 0.3);
}

/* Stream's persistent collect and chat controls use the header's glass. */
html[data-appearance="glass"] body #stream-collect-bar#stream-collect-bar button {
    background: var(--gl-bg) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: var(--gl-rim) !important;
    box-shadow: var(--gl-shadow) !important;
    -webkit-backdrop-filter: var(--gl-blur) !important;
    backdrop-filter: var(--gl-blur) !important;
}
html[data-appearance="glass"] body #stream-collect-bar#stream-collect-bar :is(.stream-collect-label strong,[data-chat] i,.stream-collect-chevron) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}
html[data-appearance="glass"] body #stream-collect-bar#stream-collect-bar .stream-collect-label small {
    color: rgba(255,255,255,.78) !important;
    -webkit-text-fill-color: rgba(255,255,255,.78) !important;
}
html[data-appearance="glass"] body #stream-collect-bar#stream-collect-bar .stream-collect-avatar {
    background: var(--gl-fill) !important;
}
html[data-appearance="glass"] body #stream-collect-bar#stream-collect-bar .stream-chat-unread {
    box-shadow: 0 0 0 2px rgba(28,28,32,.65);
}
/* The launch controls stay out of the open chat's composer. */
html[data-appearance="glass"] body.stream-messages-open #stream-collect-bar {
    visibility: hidden !important;
    pointer-events: none !important;
}
/* Room for the verified seal (nst-verified.js) beside the name. */
html[data-appearance="glass"] body #mobile-app-header#mobile-app-header .mobile-app-header__brand:has(.mobile-app-header__verified) {
    max-width: 152px !important;
}