/* ===================================================================== styleSleepDay.css -- SLEEP PAGES, DAY LOOK Created 25 Sep 2026. Replaces the look half of styleSleep.css. Three files now style the 22 Sleep pages (all load on every one): styleSleepShared.css layout only: grids, spacing, sizes, fonts, positions styleSleepDay.css this file: colours, backgrounds, borders, shadows styleSleepMode.css the Sleep (night) look Values: --bsm3-* variables from brand.css only. No hard-coded colours. PART 1 (layer bsm-day-mode): the Day rules -- the mirror of Sleep mode. Only acts while no Sleep page is in Sleep mode: page + cards/sections/blocks white --bsm3-color-white-FFFFFF-use-on-bg-day-general all text ink navy --bsm3-color-ink-navy-1E1B48-use-on-primary-text borders ink navy --bsm3-color-ink-navy-1E1B48-use-on-border bullets purple --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon buttons light lavender --bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background, navy text/icons, purple border on hover active links / tabs forest green --bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong no shadows (brand rule) Main header (#bsm-global-topbar), stars, the moon/sun and the clouds are not touched. Layer order is declared at the top of style_bsm.css. PART 2 (no layer): the colour/background/border/shadow lines that used to sit in styleSleep.css, same selectors, same order, values switched to the nearest --bsm3-* variable. Comment on each = its line in the archived styleSleep.css. ===================================================================== */ @layer bsm-day-mode { /* Page, Sleep wrappers: white page, ink navy text */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])), body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; background-image: none !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } /* Everything else: white cards/sections/blocks, navy text, navy borders, brand font, no shadows */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *)) { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; font-family: var(--bsm3-font-body) !important; outline-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; box-shadow: none !important; text-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *))::placeholder { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } /* Older module rules swap the brand purple variable for blue; every element takes it from its parent, so it stays the brand.css purple */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*) { --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: inherit !important; } /* Headings: brand type scale */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) h1:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-family: var(--bsm3-font-heading) !important; font-size: var(--bsm3-size-page-title-24px-use-on-h1) !important; font-weight: var(--bsm3-weight-bold-700-use-on-h1) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) h2:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-family: var(--bsm3-font-heading) !important; font-size: var(--bsm3-size-section-heading-22px-use-on-h2) !important; font-weight: var(--bsm3-weight-semibold-600-use-on-h2-h3-h4) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) h3:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-family: var(--bsm3-font-heading) !important; font-size: var(--bsm3-size-sub-section-title-18px-use-on-h3) !important; font-weight: var(--bsm3-weight-semibold-600-use-on-h2-h3-h4) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) h4:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-family: var(--bsm3-font-heading) !important; font-size: var(--bsm3-size-card-list-title-15px-use-on-h4) !important; font-weight: var(--bsm3-weight-semibold-600-use-on-h2-h3-h4) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) h5:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-family: var(--bsm3-font-heading) !important; font-size: var(--bsm3-size-list-row-subtitle-13px-use-on-h5) !important; font-weight: var(--bsm3-weight-regular-400-use-on-h5-or-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(strong, b):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-weight: var(--bsm3-weight-bold-700-use-on-h1) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .sym-subheading:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { font-size: var(--bsm3-size-sub-section-title-18px-use-on-h3) !important; } /* Bullets: always sleep purple */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) li:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *)::marker { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } /* Buttons: light lavender fill, navy text and icons, navy border; purple border on hover */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[class*="btn"], a[class*="button"], [class*="-btn"], [class*="btn-"], .btn, [class*="button"]):not([class*="btn-row"], [class*="btn-group"], [class*="buttons"], [class*="btn-wrap"], [class*="btn-container"], [class*="-btns"], [class*="button-group"]):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; background-image: none !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; font-weight: var(--bsm3-weight-medium-500-use-on-buttons-links) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[class*="btn"], a[class*="button"], [class*="-btn"], [class*="btn-"], .btn, [class*="button"]):not([class*="btn-row"], [class*="btn-group"], [class*="buttons"], [class*="btn-wrap"], [class*="btn-container"], [class*="-btns"], [class*="button-group"]):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *):hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], a[class*="btn"], a[class*="button"], [class*="-btn"], [class*="btn-"], .btn, [class*="button"]):not([class*="btn-row"], [class*="btn-group"], [class*="buttons"], [class*="btn-wrap"], [class*="btn-container"], [class*="-btns"], [class*="button-group"]):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) svg:not([stroke="none"]) { stroke: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } /* Plain-text link buttons get room round the text */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(.bsm-update-link, .bsm-metric-reveal-btn, .plan-card-link):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { padding: var(--bsm3-space-sm) var(--bsm3-space-md) !important; } /* Flip cards: navy border on both faces */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(.bsm-flip-f, .bsm-flip-b, .bsm-flip-front, .bsm-flip-back, [class*="flip-face"], .w2d3-flip-front, .w2d3-flip-back):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } /* Progress bars: the filled part uses the border colour */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is([class*="progress-fill"], [id*="progress-fill"], [class*="progress-bar-fill"], [class*="meter-fill"], [class*="hunger-fill"], .prog-fill, .cap-bar-fill, #bsm-overall-fill, #bsm-progress-bar):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { background-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; background-image: none !important; } /* Decorations drawn before/after elements: navy borders only, no shadows */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *)::before, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *)::after { border-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; box-shadow: none !important; text-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(.tl-rows, .cta-container):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *)::before { background-image: none !important; background-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .clock-face:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { fill: var(--bsm3-transparent) !important; stroke: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } /* Active links / tabs: forest green text */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(a, button, [role="tab"], li, [onclick]):is(.active, .is-active, .current, .selected, .current-menu-item, [aria-current="page"], [aria-current="true"], [aria-selected="true"]):not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *), body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(a, button, [role="tab"], li, [onclick]):is(.active, .is-active, .current, .selected, .current-menu-item, [aria-current="page"], [aria-current="true"], [aria-selected="true"]) *:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, .star, .star *, .moon, .moon *, .moon-fixed, .moon-fixed *, .cloud, .cloud *, .clouds-fixed, .clouds-fixed *, [class*="bcc-"], [class*="bcc-"] *, [id^="bcc-"], [id^="bcc-"] *) { color: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong) !important; } /* ===== WELLNESS CARDS -- 20260926T152222Z (revert: delete this block, or restore tt24child_backups/wellness_card_status_20260926T152222Z/) ===== Build tab, Wellness Study Feedback cards: thin navy border like every other Day card, status dot + text in the bsm3 status colours (Normal green, Elevated yellow, High orange, Severe red -- assessment status colours). */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card { border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-dot.dot-red { background-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-txt.txt-red { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-dot.dot-orange { background-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-txt.txt-orange { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-dot.dot-yellow { background-color: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-txt.txt-yellow { color: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-dot.dot-green { background-color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-txt.txt-green { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-dot.dot-grey { background-color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-dash-v35 .wellness-card .status-txt.txt-grey { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } /* ===== end WELLNESS CARDS -- 20260926T152222Z ===== */ /* ===== SLEEP ICONS -- 26 Sep 2026: every Sleep icon (the 24x24 line icons) in brand core purple, Day mode. Parts marked stroke="none" are solid shapes and are left alone. ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) svg[viewBox="0 0 24 24"], body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) svg[viewBox="0 0 24 24"] *:not([stroke="none"]) { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } /* ===== SLEEP NAV -- 26 Sep 2026, Day mode: black text, purple underline on the active tab only, Sleep Diary in deep violet, Day/Sleep switch with no background ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row { border: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-tab { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; border: none !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-transparent) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-tab.bsst-tab-active { border-bottom-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row :is(.bsst-diary-btn, .bsst-menu-toggle, .bsst-theme-btn) { background: var(--bsm3-transparent) !important; border: none !important; box-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-diary-btn { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-menu-toggle { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-theme-btn { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-theme-btn.bsst-theme-btn-active { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } /* Active Day/Sleep option gets a thin border -- 26 Sep 2026 (the other option keeps an invisible one so nothing shifts) */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-theme-btn { border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-theme-btn.bsst-theme-btn-active { border-color: var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } /* ===== SLEEP <-> WELLNESS ASSESSMENT -- 26 Sep 2026: Your Study dial card + Your Answers list, pop-up source headings. Status words in the 4 assessment status colours. ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-study-top, .bsm-ssot-answers) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-source, .bsm-epm-source) { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-answers-label, .bsm-ssot-disclaimer, .bsm-ssot-study .ari-dial-title, .bsm-ssot-study .ari-dial-pct, .bsm-ssot-study .ari-dial-subnote, .bsm-ssot-answers .ari-answer-q, .bsm-ssot-answers .ari-recap-divider, .bsm-ssot-answers .ari-recap-citation) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-answer-a { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-answer-row { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-recap-citation a { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-status-normal { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-status-elevated { color: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-status-high { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-status-severe { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } /* ===== CONDITION PAGES -- 26 Sep 2026: header status badge filled with its status colour; Your Answers list spacing. ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa1 { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa2 { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa3 { background: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; border-color: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa4 { background: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; border-color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers { padding: var(--bsm3-space-sm) var(--bsm3-space-lg) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-recap-divider { border-top: none !important; margin: var(--bsm3-space-lg) 0 var(--bsm3-space-xs) 0 !important; padding: 0 !important; font-size: var(--bsm3-text-small-12px-use-on-text) !important; font-weight: var(--bsm3-weight-semibold-600-use-on-h2-h3-h4) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-recap-divider:first-child { margin-top: var(--bsm3-space-sm) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-answer-row { padding: var(--bsm3-space-sm) 0 !important; gap: var(--bsm3-space-lg) !important; font-size: var(--bsm3-text-body-use-on-reading-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers .ari-recap-citation { margin: var(--bsm3-space-sm) 0 !important; font-size: var(--bsm3-text-body-use-on-reading-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-stat { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } /* ===== CONDITION PAGE TABS -- 27 Sep 2026, Day: Assessment / What This Means / Patterns & Signs / Verification look exactly like the Sleep nav tabs -- same text colour, purple underline on the active tab only ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-tab-shell .bsm-edu-tab { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; border: none !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-transparent) !important; border-radius: 0 !important; background: var(--bsm3-transparent) !important; box-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-tab-shell .bsm-edu-tab.bsm-edu-tab-active { border-bottom-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } /* ===== SLEEP NAV BUILD MENU -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-submenu { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-subtab { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; background: var(--bsm3-transparent) !important; border: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-subtab:hover { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } @media (max-width: 900px) { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-submenu { background: var(--bsm3-transparent) !important; border: none !important; } } /* ===== YOUR ANSWERS EDIT + VERIFICATION CARD -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-edit, .bsm-verif-card, .bsm-verif-prod) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-edit-input, .bsm-verif-input) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-ssot-edit-q, .bsm-ssot-edit-section, .bsm-verif-label, .bsm-verif-prod-name, .bsm-verif-switch-title) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-switch-btn.bsm-verif-switch-active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-edit-msg { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-switch { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-switch-btn:not(.bsm-verif-switch-active) { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } /* ===== CLOSE BUTTONS: just the ✕, no box, no background -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(#bsm-video-close, #closeV, .close-btn, .np-canvas-close, .mind-drawer-close, .bsm-verif-close, .bsm-card-popup-close, .pg-sleep-planner-i018, .pg-sleep-planner-i011, .pg-legs-i008, .pg-apnea-i056, .pg-apnea-i038), body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(#bsm-video-close, #closeV, .close-btn, .np-canvas-close, .mind-drawer-close, .bsm-verif-close, .bsm-card-popup-close, .pg-sleep-planner-i018, .pg-sleep-planner-i011, .pg-legs-i008, .pg-apnea-i056, .pg-apnea-i038):hover { background: var(--bsm3-transparent) !important; border: none !important; box-shadow: none !important; } /* ===== CBT-I VIDEO END CARD border -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-video-endcard { border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } /* ===== "GOT IT" POP-UP: white on black, white border -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-entry-popup-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-entry-popup-text, .bsm-entry-popup-icon) { background: var(--bsm3-transparent) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-entry-popup-btn { background: var(--bsm3-transparent) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } /* ===== SLEEP PROBLEM BUTTONS: chosen one has a purple border -- 27 Sep 2026, Day ===== */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-cond-btn.bsm-cond-active { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode */ /* --------------------------------------------------------------- PART 2 -- look lines moved from styleSleep.css --------------------------------------------------------------- */ :root { --bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --border: var(--bsm3-color-ink-navy-1E1B48-use-on-border); } body { background: var(--bg); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .header h1 { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; } .btn:hover { filter: brightness(0.9); } .btn-danger { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .btn-outline { background: var(--bsm3-transparent); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .search-bar { border: var(--bsm3-border-thin) solid var(--border); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } table { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } th, td { border-bottom: var(--bsm3-border-thin) solid var(--border); } th { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .tag-category { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .tag-mode { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .tag-staple { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .back-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .form-section h3 { border-bottom: var(--bsm3-border-default) solid var(--border); } .form-group label { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .form-control:focus { outline: none; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } .sleep-id-preview { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .slider { background-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .slider:before { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } input:checked + .slider { background-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .ls-slider { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } .ls-slider-header { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .ls-btn { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } .ls-btn:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .ls-result { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .ls-footnote { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .bsm-sleep-root.daytime .ls-slider { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } .bsm-sleep-root.daytime .ls-slider-header { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .bsm-sleep-root.daytime .ls-btn { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-sleep-root.daytime .ls-btn:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .bsm-sleep-root.daytime .ls-result { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .bsm-sleep-root.daytime .ls-footnote { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .bsm-sleep-root .bsm-card, .bsm-sleep-root .bsm-section { border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sleepMessage { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); text-shadow: none; } #practiceButton { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); text-shadow: none; } .session-video { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .video-overlay { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .video-home a { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .video-home svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #progressContainer { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #progressBar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-form-page-number { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-assessment { background-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-point summary { color: var(--accent); } .bsm-point[open] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .session-video { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .sleeppath-tab { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .sleeppath-tab h3 { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .sleeppath-tab p { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .sleeppath-tab a { text-decoration: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .sleeppath-tab a:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .spo2-table-wrap { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .spo2-table-caption { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .spo2-table th, .spo2-table td { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .spo2-table thead th { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .spo2-badge { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .spo2-badge--normal { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .spo2-badge--mild { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .spo2-badge--moderate { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .spo2-badge--severe { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .spo2-range { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .spo2-note { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } @media (max-width: 900px) { .spo2-table tr { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .spo2-table td { border: none; } .spo2-table td::before { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } } #anxietyAnalyserToggle { border: var(--bsm3-border-thin) solid var(--accent); color: var(--accent); background: var(--bsm3-transparent); } #anxietyAnalyserToggle:hover { background: var(--accent); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #anxietyAnalyserPanel { background: var(--card); border: var(--bsm3-border-thin) solid var(--line); box-shadow: none; } #anxietyThoughtBox { border: var(--bsm3-border-thin) solid var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); background: var(--bg); color: var(--fg); } .anx-cat { border-left: var(--bsm3-border-thick) solid var(--accent); background: var(--card); } .anx-cat strong { color: var(--accent); } #anxietyAnalyserClose { color: var(--muted); } #anxietyAnalyserClose:hover { color: var(--accent); } .bsm-sleep-root.daytime #anxietyAnalyserToggle { border-color: var(--accent); color: var(--accent); } .bsm-sleep-root.daytime #anxietyAnalyserToggle:hover { background: var(--accent); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-sleep-root.daytime #anxietyThoughtBox { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-sleep-root.daytime .anx-cat { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-left-color: var(--accent); } .anxiety-filter { border: var(--bsm3-border-thin) solid var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); background: var(--card); color: var(--fg); } .bsm-sleep-root.daytime .anxiety-filter { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .smright-btn { border: var(--bsm3-border-thin) solid var(--line); background: var(--accent-2); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .smtab-btn { border: var(--bsm3-border-thin) solid var(--line); background: var(--card); color: var(--fg); } .smtab-btn.active { background: var(--accent); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-transparent); } .sm-tile { border: var(--bsm3-border-thin) solid var(--line); background: var(--card); box-shadow: none; } .sm-cat-badge { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-sleep-root.nightshift .sm-cat-badge { background: var(--accent-2); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } .bsm-sleep-root.daytime .sm-cat-badge { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-btn.tile-btn { border: var(--bsm3-border-default) solid var(--accent); background: var(--bsm3-transparent); color: var(--accent); } .bsm-btn.tile-btn:hover { background: var(--accent); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bsm-sleep-root.daytime .bsm-btn.tile-btn { border-color: var(--accent); color: var(--accent); } .bsm-sleep-root.nightshift .bsm-btn.tile-btn { border-color: var(--accent); color: var(--accent); } .sm-back-btn { border: var(--bsm3-border-thick) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root { --bg-main: var(--bsm3-color-black-000000-use-on-bg-sleep); --text-main: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --text-sub: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --card-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --card-text: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --star-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-black-000000-use-on-bg-sleep); background-image: var(--bg-main); } #bsm-app-root .tool-btn svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .global-nav-bar { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); backdrop-filter: blur(15px); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .nav-row-2 { border-top: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } @media (min-width: 901px) { .nav-row-1 { border: none; } .nav-row-2 { border: none; } } .nav-support-btn:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } .nav-support-btn svg { stroke: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); fill: none; } .theme-btn.active { background: var(--card-bg); color: var(--card-text); box-shadow: none; } .star-core::before { background: linear-gradient(90deg, var(--bsm3-transparent) 0%, var(--star-color) 50%, var(--bsm3-transparent) 100%); } .star-core::after { background: linear-gradient(0deg, var(--bsm3-transparent) 0%, var(--star-color) 50%, var(--bsm3-transparent) 100%); } .star-medium .star-core { box-shadow: 0 0 5px 1px var(--star-color); } .star-small .star-core { box-shadow: 0 0 4px 1px var(--star-color); } #bsm-app-root[data-theme="night"] .bsm-btn-primary { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #bsm-app-root[data-theme="day"] { --bg-main: none; --text-main: var(--bsm3-color-black-000000-use-on-bg-sleep); --text-sub: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-text: var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; background-image: none !important; } #bsm-app-root[data-theme="day"] .moon-fixed { background-color: var(--bsm3-transparent); background-image: radial-gradient(circle at center, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 35%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 75%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 100%); box-shadow: 0 0 40px 10px var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background), 0 0 90px 30px var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #bsm-app-root[data-theme="day"] .global-nav-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); backdrop-filter: blur(20px); } .theme-segmented-control { background: var(--bsm3-transparent); border: none; } #bsm-app-root[data-theme="day"] .theme-btn { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root[data-theme="day"] .theme-btn.active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } .cloud { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); filter: blur(8px); } .cloud::before, .cloud::after { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"], #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"], #bsm-app-root[data-theme="day"] #spa-stage div[class*="panel"], #bsm-app-root[data-theme="day"] #spa-stage div[class*="item"], #bsm-app-root[data-theme="day"] #spa-stage div[class*="widget"], #bsm-app-root[data-theme="day"] #spa-stage div[class*="btn"], #bsm-app-root[data-theme="day"] #spa-stage button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-app-root[data-theme="day"] #spa-stage div[style*="background"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-app-root[data-theme="day"] #spa-stage h1, #bsm-app-root[data-theme="day"] #spa-stage h2, #bsm-app-root[data-theme="day"] #spa-stage h3, #bsm-app-root[data-theme="day"] #spa-stage h4, #bsm-app-root[data-theme="day"] #spa-stage p, #bsm-app-root[data-theme="day"] #spa-stage strong { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; text-shadow: none !important; } #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"] p, #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"] p, #bsm-app-root[data-theme="day"] #spa-stage div[class*="panel"] p { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"] *, #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"] * { text-shadow: none !important; } #bsm-app-root[data-theme="day"] #spa-stage svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-tutorial-overlay { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .bsm-tutorial-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } .bsm-tutorial-card h2 { color: var(--card-text); } .bsm-tutorial-card p { color: var(--card-text); } .bsm-tutorial-dots span { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } .bsm-tutorial-dots span.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .shop-header { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .back-btn { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--text-main); } .back-btn:hover { background: var(--text-main); color: var(--bg-main); } .shop-title h1 { color: var(--text-main); } .shop-title p { color: var(--text-sub); } .product-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .product-img-wrap { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .product-img-wrap img { filter: sepia(1) saturate(2.5) hue-rotate(-50deg) brightness(1.1); } .product-card:hover { border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .product-card:hover img { filter: sepia(1) saturate(3) hue-rotate(-50deg) brightness(1.3); } .product-info h2 { color: var(--text-main); } .product-tag { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .clinical-logic { color: var(--text-sub); border-left: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .acquire-btn { border: var(--bsm3-border-thin) solid var(--text-main); background: var(--bsm3-transparent); color: var(--text-main); text-decoration: none; } .acquire-btn:hover { background: var(--text-main); color: var(--bg-main); box-shadow: none; } #bsm-app-root #spa-stage #apnea-journey-wrap { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --risk-amber: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --risk-ember: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); --amber-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root[data-theme="day"] #spa-stage #apnea-journey-wrap { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --amber-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-block, #apnea-journey-wrap .bsm-flex { border-left: none !important; outline: none !important; } #apnea-journey-wrap .bsm-block:not([class*="bsm-edu-panel"]):not([class*="bsm-flip"]):not([class*="bsm-strat"]):not([class*="bsm-verify"]):not([class*="bsm-type"]):not([class*="bsm-score"]):not([class*="bsm-key"]):not([class*="bsm-flag"]):not([class*="bsm-modal"]):not([class*="bsm-dial"]):not([class*="bsm-legal"]):not([class*="bsm-amber"]):not([class*="bsm-disclaimer"]):not([class*="bsm-pat"]):not([id]) { background: var(--bsm3-transparent); border: none; box-shadow: none; } #apnea-journey-wrap h1, #apnea-journey-wrap h2, #apnea-journey-wrap h3, #apnea-journey-wrap h4, #apnea-journey-wrap h5, #apnea-journey-wrap h6, #apnea-journey-wrap p, #apnea-journey-wrap label { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-muted { color: var(--diary-text-muted) !important; } #bsm-edit-profile-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #bsm-edit-profile-modal { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #bsm-edit-profile-modal .bsm-epm-header { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #bsm-edit-profile-modal .bsm-epm-eyebrow { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-title { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-close { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-close:hover { background: var(--inner-bg, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-section-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-edit-profile-modal .bsm-epm-label { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-label span { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); outline: none; } #bsm-edit-profile-modal .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-edit-profile-modal .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-edit-profile-modal input[type="number"].bsm-epm-input { background: var(--inner-bg, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-edit-profile-modal input[type="number"].bsm-epm-input:focus { outline: none; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #bsm-edit-profile-modal .bsm-epm-bmi-strip { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #bsm-edit-profile-modal .bsm-epm-bmi-strip .bsm-epm-bmi-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-bmi-strip .bsm-epm-bmi-val { color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #bsm-edit-profile-modal .bsm-epm-footer { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-edit-profile-modal .bsm-epm-status { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-edit-profile-modal .bsm-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); } #bsm-edit-profile-modal .bsm-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-edit-profile-modal .bsm-epm-save { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-edit-profile-modal .bsm-epm-cancel { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; background: none; border: none; text-decoration: underline; } #bsm-edit-profile-modal .bsm-epm-cancel:hover { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #bsm-results-info-modal { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #bsm-results-info-modal .bsm-rim-header { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #bsm-results-info-modal .bsm-rim-eyebrow { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-title { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-close { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-close:hover { background: var(--inner-bg, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-icon { background: var(--amber-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-results-info-modal .bsm-rim-callout-hdr h3 { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-callout-hdr p { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-compare-item { background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); border-left-width: var(--bsm3-border-thick); } #bsm-results-info-modal .bsm-rim-compare-item.type-osa { border-left-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #bsm-results-info-modal .bsm-rim-compare-item.type-central { border-left-color: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-results-info-modal .bsm-rim-compare-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-compare-item p { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-overlap-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-kp-item { background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-results-info-modal .bsm-rim-kp-dot { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-transparent); } #bsm-app-root #spa-stage #apnea-journey-wrap .bsm-edu-panel, #apnea-journey-wrap .bsm-edu-panel { background: none !important; border: none !important; border-left: none !important; box-shadow: none !important; } #bsm-app-root #spa-stage #apnea-journey-wrap .bsm-edu-panel.bsm-edu-panel-active, #apnea-journey-wrap .bsm-edu-panel.bsm-edu-panel-active { background: none !important; border: none !important; border-left: none !important; box-shadow: none !important; } #apnea-journey-wrap .bsm-edu-tab { border: none !important; background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-edu-tab:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-edu-tab.bsm-edu-tab-active { background: var(--brand-purple) !important; color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #apnea-journey-wrap .bsm-edu-strategies-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #apnea-journey-wrap .bsm-edu-most-effective-pill { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-edu-page-header { border: none !important; border-bottom: none !important; } #apnea-journey-wrap .bsm-edu-title { color: var(--diary-text) !important; border: none !important; border-bottom: none !important; text-decoration: none !important; box-shadow: none !important; } #apnea-journey-wrap .bsm-edu-title::after, #apnea-journey-wrap .bsm-edu-title::before, #apnea-journey-wrap h1::after, #apnea-journey-wrap h1::before { background: none !important; border: none !important; } #apnea-journey-wrap .bsm-edu-subtitle { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-edu-disorder-badge { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-default) solid var(--brand-purple) !important; color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-edu-study-header-card { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: none !important; } #apnea-journey-wrap .bsm-edu-disclaimer { color: var(--diary-text-muted) !important; background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #apnea-journey-wrap .bsm-panel-title { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-panel-sub { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-disclaimer { color: var(--diary-text-muted) !important; background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-legal { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-legal p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-next-pill { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--brand-purple); color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-next-pill:hover { background: var(--brand-purple); color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-score-wrap { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-dial-box { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-dial-arch { border: var(--bsm3-border-thick) solid var(--glass-border); border-bottom: none; } #apnea-journey-wrap .bsm-dial-fill { border: var(--bsm3-border-thick) solid var(--brand-purple); border-bottom: none; } #apnea-journey-wrap .bsm-dial-fill.dial-low { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #apnea-journey-wrap .bsm-dial-fill.dial-moderate { border-color: var(--risk-amber); } #apnea-journey-wrap .bsm-dial-fill.dial-high { border-color: var(--risk-ember); } #apnea-journey-wrap .bsm-score-num { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-score-num.score-low { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #apnea-journey-wrap .bsm-score-num.score-moderate { color: var(--risk-amber) !important; } #apnea-journey-wrap .bsm-score-num.score-high { color: var(--risk-ember) !important; } #apnea-journey-wrap .bsm-severity-tag { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-pip { background: var(--glass-border); } #apnea-journey-wrap .bsm-pip.pip-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #apnea-journey-wrap .bsm-pip.pip-moderate { background: var(--risk-amber); } #apnea-journey-wrap .bsm-pip.pip-high { background: var(--risk-ember); } #apnea-journey-wrap .bsm-score-caption { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-score-note { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-update-link { text-decoration: underline; color: var(--brand-purple) !important; background: none; border: none; } #apnea-journey-wrap .bsm-flags-label { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-flag-row { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--bsm3-transparent); } #apnea-journey-wrap .bsm-flag-row.bsm-flagged { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #apnea-journey-wrap .bsm-flag-check { border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-flag-row.bsm-flagged .bsm-flag-check { background: var(--risk-ember); border-color: var(--risk-ember); color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-flag-name { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-flag-val { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-flag-dot { background: var(--glass-border); } #apnea-journey-wrap .bsm-flag-dot.filled-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #apnea-journey-wrap .bsm-flag-dot.filled-moderate { background: var(--risk-amber); } #apnea-journey-wrap .bsm-flag-dot.filled-high { background: var(--risk-ember); } #apnea-journey-wrap .bsm-flag-desc { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-no-data { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-no-data h3 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-no-data p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-flip-purple .bsm-flip-f, #apnea-journey-wrap .bsm-flip-purple .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-flip-blue .bsm-flip-f, #apnea-journey-wrap .bsm-flip-blue .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-flip-teal .bsm-flip-f, #apnea-journey-wrap .bsm-flip-teal .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-flip-pat:nth-child(odd) .bsm-flip-f, #apnea-journey-wrap .bsm-flip-pat:nth-child(odd) .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-flip-pat:nth-child(even) .bsm-flip-f, #apnea-journey-wrap .bsm-flip-pat:nth-child(even) .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-fi-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-fi-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-fi-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-fi-back-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-fi-back-text { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-fi-back-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-pat-icon-wrap { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-pat-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-types-panel-intro { border-bottom: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-types-panel-intro h3 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-types-panel-intro p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-types-label { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-types-panel { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-types-col { border-right: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-types-col:last-child { border-right: none; } #apnea-journey-wrap .bsm-types-col:hover { background: var(--inner-bg); } #apnea-journey-wrap .bsm-types-col.type-osa { box-shadow: none; } #apnea-journey-wrap .bsm-types-col.type-central { box-shadow: none; } #apnea-journey-wrap .bsm-types-col.type-mixed { box-shadow: none; } #apnea-journey-wrap .bsm-types-col.type-osa.bsm-likely { box-shadow: none; } #apnea-journey-wrap .bsm-types-col.type-central.bsm-likely { box-shadow: none; } #apnea-journey-wrap .bsm-types-col.type-mixed.bsm-likely { box-shadow: none; } #apnea-journey-wrap .bsm-types-ohs-row { border-top: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #apnea-journey-wrap .bsm-types-ohs-row:hover { background: var(--inner-bg); } #apnea-journey-wrap .bsm-type-ohs-icon { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } #apnea-journey-wrap .bsm-type-ohs-pill { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-types-col.type-osa .bsm-type-badge { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-types-col.type-central .bsm-type-badge { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #apnea-journey-wrap .bsm-types-col.type-mixed .bsm-type-badge { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #apnea-journey-wrap .bsm-types-col h3 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-types-col p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-types-col.type-osa .bsm-type-icon-wrap { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-types-col.type-central .bsm-type-icon-wrap { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } #apnea-journey-wrap .bsm-types-col.type-mixed .bsm-type-icon-wrap { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-likely-tag { color: var(--brand-purple) !important; background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-focus-section-label { color: var(--brand-purple) !important; border-top: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-help-box { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #apnea-journey-wrap .bsm-help-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #apnea-journey-wrap .bsm-help-box h3 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-help-box p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-help-cta { background: var(--brand-purple); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-key-points { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-kp-star { color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-kp-label { color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-kp-item { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-kp-dot { background: var(--brand-purple) !important; color: var(--bsm3-transparent); } #apnea-journey-wrap .bsm-amber-callout { background: var(--amber-bg); border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #apnea-journey-wrap .bsm-amber-callout h4 { color: var(--risk-amber) !important; } #apnea-journey-wrap .bsm-amber-callout p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-verify-signal-item { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-verify-signal-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #apnea-journey-wrap .bsm-verify-signal-item h4 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-verify-signal-item p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-verify-feature { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-feature-check { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-relevance { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border-left: var(--bsm3-border-thick) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-relevance strong { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-accordion details { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-verify-accordion details summary { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-verify-accordion details summary:hover { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-verify-accordion details[open] summary { color: var(--diary-text) !important; border-bottom: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-verify-table th { color: var(--diary-text-muted) !important; background: var(--inner-bg); border-bottom: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-verify-table td { border-bottom: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-verify-table td:first-child { color: var(--diary-text-muted) !important; background: var(--glass-bg); } #apnea-journey-wrap .bsm-verify-table tr:last-child td { border-bottom: none; } #apnea-journey-wrap .bsm-verify-table tr:hover td { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-verify-table-note { color: var(--diary-text-muted) !important; border-top: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-verify-why { border-left: var(--bsm3-border-thick) solid var(--risk-ember); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-verify-why p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-verify-step-pip { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-step-pip.pip-1 { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-verify-step-pip.pip-2 { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap .bsm-verify-step-pip.pip-3 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #apnea-journey-wrap .bsm-verify-step-line { background: var(--glass-border); } #apnea-journey-wrap .bsm-verify-card { border: var(--bsm3-border-thin) solid var(--bsm3-transparent); } #apnea-journey-wrap .bsm-verify-card:hover { box-shadow: none; } #apnea-journey-wrap .bsm-verify-card#bsm-verify-watch { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-verify-card#bsm-verify-odi { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-verify-card#bsm-verify-hst { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #apnea-journey-wrap .bsm-verify-card.bsm-rec { box-shadow: none; border-width: var(--bsm3-border-thin); } #apnea-journey-wrap .bsm-rec-badge { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none; } #apnea-journey-wrap .bsm-verify-level { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-card h3 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-card p { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-best { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-btn { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-verify-btn:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-verify-card.bsm-rec .bsm-verify-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #apnea-journey-wrap .bsm-strat-hero { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: none; } #apnea-journey-wrap .bsm-strat-hero h2 { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-strat-hero p { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-strat-section-label { color: var(--diary-text-muted) !important; border-bottom: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-strat-card { border: var(--bsm3-border-thin) solid var(--bsm3-transparent); } #apnea-journey-wrap .bsm-strat-card:hover { box-shadow: none; } #apnea-journey-wrap .bsm-strat-card.strat-weight { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-strat-card.strat-position { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } #apnea-journey-wrap .bsm-strat-card.strat-alcohol { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-strat-card.strat-nasal { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-strat-card.strat-smoking { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #apnea-journey-wrap .bsm-strat-card.strat-allergies { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); } #apnea-journey-wrap .bsm-strat-card.strat-clinical { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-strat-icon-wrap { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-strat-card h3 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-strat-card p { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-strat-tip { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-strat-clinical-item { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap .bsm-strat-clinical-dot { color: var(--brand-purple) !important; } #apnea-journey-wrap .bsm-commit-launcher { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-commit-launcher-title { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-commit-launcher-sub { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-commit-open-btn { background: var(--brand-purple); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-commit-item { border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .bsm-commit-item:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } .bsm-commit-item:has(.bsm-commit-cb:checked) { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } .bsm-commit-box { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); background: var(--bsm3-transparent); } .bsm-commit-item:has(.bsm-commit-cb:checked) .bsm-commit-box { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } .bsm-commit-item:has(.bsm-commit-cb:checked) .bsm-commit-box::after { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-top: none; border-left: none; } .bsm-commit-item-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-commit-item-sub { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-strat-quiz-launcher { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-strat-quiz-launcher-title { color: var(--diary-text) !important; } #apnea-journey-wrap .bsm-strat-quiz-launcher-sub { color: var(--diary-text-muted) !important; } #apnea-journey-wrap .bsm-strat-quiz-btn { background: var(--brand-purple); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-quiz-modal-f, .bsm-quiz-modal-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } .bsm-quiz-modal-q { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-modal-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-fb-correct { background: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #apnea-journey-wrap .bsm-quiz-fb-incorrect { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-quiz-modal-verdict { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-modal-explain { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-nav-btn { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-nav-btn:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-next-btn { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-quiz-next-btn:hover { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } .bsm-quiz-counter { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } @keyframes bsmPulseGlow { 0% { box-shadow: none; } 60% { box-shadow: none; } 100% { box-shadow: none; } } #apnea-journey-wrap .bsm-pulse { border-color: var(--brand-purple) !important; } @media (max-width: 900px) { #apnea-journey-wrap .bsm-types-col { border-right: none; border-top: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap .bsm-types-col:first-child { border-top: none; } } .u-font-size-22px-font-weight-800-color-var { color: var(--diary-text); } .u-font-size-13px-color-var-diary-text-mute { color: var(--diary-text-muted); } #bsm-app-root #spa-stage #bsm-pers-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-pers-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #bsm-pers-root h1, #bsm-app-root #spa-stage #bsm-pers-root h2, #bsm-app-root #spa-stage #bsm-pers-root h3, #bsm-app-root #spa-stage #bsm-pers-root h4, #bsm-app-root #spa-stage #bsm-pers-root p, #bsm-app-root #spa-stage #bsm-pers-root span, #bsm-app-root #spa-stage #bsm-pers-root li, #bsm-app-root #spa-stage #bsm-pers-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-pers-root .bsm-pers-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-pers-root .bsm-pers-section-title { color: var(--brand-purple) !important; } #bsm-pers-root .bsm-pers-profile-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-pers-root .bsm-pers-profile-label { color: var(--diary-text-muted) !important; } #bsm-pers-root .bsm-pers-tip-item { color: var(--diary-text-muted) !important; background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-pers-root .bsm-pers-tip-dot { background: var(--brand-purple) !important; } #bsm-pers-root .bsm-pers-focus-item { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-pers-focus-item:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #bsm-pers-root .bsm-pers-focus-week { color: var(--brand-purple) !important; } #bsm-pers-root .bsm-pers-focus-text { color: var(--diary-text-muted) !important; } #bsm-pers-root .bsm-pers-incomplete-notice { border: var(--bsm3-border-thin) dashed var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-module-0-wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); color: var(--diary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-app-root #spa-stage #bsm-module-0-wrapper h1, #bsm-app-root #spa-stage #bsm-module-0-wrapper h2, #bsm-app-root #spa-stage #bsm-module-0-wrapper h3, #bsm-app-root #spa-stage #bsm-module-0-wrapper h4, #bsm-app-root #spa-stage #bsm-module-0-wrapper p, #bsm-app-root #spa-stage #bsm-module-0-wrapper span, #bsm-app-root #spa-stage #bsm-module-0-wrapper label, #bsm-app-root #spa-stage #bsm-module-0-wrapper strong, #bsm-app-root #spa-stage #bsm-module-0-wrapper textarea { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } .bsm-pill.unlocked { color: var(--diary-text) !important; background: var(--inner-bg) !important; } .bsm-pill.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } .bsm-pill.completed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--diary-text) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-module-0-wrapper .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } .bsm-check-list-item svg, .bsm-check-list-item span:first-child { color: var(--brand-purple) !important; } #bsm-module-0-wrapper .bsm-play-btn { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-module-0-wrapper .bsm-btn-red, #bsm-module-0-wrapper .bsm-btn-green, #bsm-module-0-wrapper .bsm-btn-purple { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; color: var(--diary-text) !important; } .bsm-btn-red:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-btn-green:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-module-0-wrapper .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--brand-purple) !important; } .bsm-textarea-field:focus { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-mod0-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-mod0-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .u-color-var-brand-green-margin-left-4px { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .u-width-40px-height-40px-background-rgba12 { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #bsm-app-root #spa-stage #bsm-week1-day1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage #bsm-week1-day1-root h1, #bsm-app-root #spa-stage #bsm-week1-day1-root h2, #bsm-app-root #spa-stage #bsm-week1-day1-root h3, #bsm-app-root #spa-stage #bsm-week1-day1-root h4, #bsm-app-root #spa-stage #bsm-week1-day1-root p, #bsm-app-root #spa-stage #bsm-week1-day1-root span, #bsm-app-root #spa-stage #bsm-week1-day1-root label, #bsm-app-root #spa-stage #bsm-week1-day1-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day1-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #bsm-week1-day1-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day1-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-play-btn { background: var(--brand-purple) !important; } .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-week1-day1-root .bsm-reveal-action-btn { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--brand-purple) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day1-root .bsm-reveal-action-btn { border-color: var(--brand-purple) !important; } .bsm-reveal-action-btn:hover { box-shadow: none !important; } #bsm-week1-day1-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-option.selected .bsm-option-circle { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-option.correct .bsm-option-circle { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day1-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .u-font-weight-800-font-size-18px-color-var { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-week1-day2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage #bsm-week1-day2-root h1, #bsm-app-root #spa-stage #bsm-week1-day2-root h2, #bsm-app-root #spa-stage #bsm-week1-day2-root h3, #bsm-app-root #spa-stage #bsm-week1-day2-root h4, #bsm-app-root #spa-stage #bsm-week1-day2-root p, #bsm-app-root #spa-stage #bsm-week1-day2-root span, #bsm-app-root #spa-stage #bsm-week1-day2-root label, #bsm-app-root #spa-stage #bsm-week1-day2-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day2-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day2-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-icon-yellow svg { fill: var(--brand-yellow) !important; } #bsm-week1-day2-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day2-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-slide-text { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-dash-btn-mock svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; fill: none !important; } .bsm-diary-pill.mock-active { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-insight-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .bsm-insight-box svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-metric-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-metric-header svg { fill: none !important; stroke: currentColor !important; } .bsm-metric-1 .bsm-metric-header { color: var(--brand-purple) !important; } .bsm-metric-2 .bsm-metric-header { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-metric-3 .bsm-metric-header { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-metric-4 .bsm-metric-header { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-check-item:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } .bsm-check-item.checked { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-check-item.checked .bsm-checkbox { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-checkbox svg { fill: none !important; stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day2-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-app-root #spa-stage #bsm-week1-day3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #bsm-week1-day3-root h1, #bsm-app-root #spa-stage #bsm-week1-day3-root h2, #bsm-app-root #spa-stage #bsm-week1-day3-root h3, #bsm-app-root #spa-stage #bsm-week1-day3-root h4, #bsm-app-root #spa-stage #bsm-week1-day3-root p, #bsm-app-root #spa-stage #bsm-week1-day3-root span, #bsm-app-root #spa-stage #bsm-week1-day3-root label, #bsm-app-root #spa-stage #bsm-week1-day3-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day3-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day3-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day3-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day3-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } .bsm-option.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day3-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-week1-day3-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-week1-day4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #bsm-week1-day4-root h1, #bsm-app-root #spa-stage #bsm-week1-day4-root h2, #bsm-app-root #spa-stage #bsm-week1-day4-root h3, #bsm-app-root #spa-stage #bsm-week1-day4-root h4, #bsm-app-root #spa-stage #bsm-week1-day4-root p, #bsm-app-root #spa-stage #bsm-week1-day4-root span, #bsm-app-root #spa-stage #bsm-week1-day4-root label, #bsm-app-root #spa-stage #bsm-week1-day4-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day4-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day4-root .bsm-diary-banner { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-week1-day4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day4-root .bsm-insight-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #bsm-week1-day4-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day4-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-flip-scene:hover .bsm-flip-front { background: var(--glass-bg) !important; border-color: var(--diary-text-muted) !important; } .bsm-flip-front-hint svg { fill: currentColor !important; } .bsm-flip-back.border-blue { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-flip-back.border-orange { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-flip-back.border-red { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-flip-back-title svg { fill: none !important; stroke: currentColor !important; } .bsm-border-blue .bsm-flip-back-title { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-border-orange .bsm-flip-back-title { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-border-red .bsm-flip-back-title { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-border-blue .bsm-flip-example-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .bsm-border-orange .bsm-flip-example-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-border-red .bsm-flip-example-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-sort-row.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-sort-row.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-sort-btn:hover:not(.disabled) { border-color: var(--diary-text-muted) !important; background: var(--glass-bg) !important; } .bsm-sort-btn.selected[data-type="predisposing"] { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .bsm-sort-btn.selected[data-type="precipitating"] { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-sort-btn.selected[data-type="perpetuating"] { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root .bsm-sort-feedback { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-sort-feedback strong[data-type="predisposing"] { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-sort-feedback strong[data-type="precipitating"] { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-sort-feedback strong[data-type="perpetuating"] { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-alert-list span { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-alert-list span::before { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-week1-day5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage #bsm-week1-day5-root h1, #bsm-app-root #spa-stage #bsm-week1-day5-root h2, #bsm-app-root #spa-stage #bsm-week1-day5-root h3, #bsm-app-root #spa-stage #bsm-week1-day5-root h4, #bsm-app-root #spa-stage #bsm-week1-day5-root p, #bsm-app-root #spa-stage #bsm-week1-day5-root span, #bsm-app-root #spa-stage #bsm-week1-day5-root label, #bsm-app-root #spa-stage #bsm-week1-day5-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day5-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day5-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-compare-row.completed { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-compare-cbti .bsm-compare-icon-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-compare-meds .bsm-compare-icon-label { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-compare-icon-label svg { fill: none !important; stroke: currentColor !important; } .bsm-compare-reveal-bar:hover { background: var(--inner-bg) !important; } .bsm-compare-reveal-bar svg { fill: currentColor !important; } #bsm-week1-day5-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-option.selected .bsm-option-circle { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } .bsm-alert-warning strong { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day5-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } @keyframes bsmPulseBtn { 0% { transform: scale(0.98); box-shadow: none; } 50% { transform: scale(1); box-shadow: none; } 100% { transform: scale(0.98); box-shadow: none; } } #bsm-app-root #spa-stage #bsm-week1-day6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage #bsm-week1-day6-root h1, #bsm-app-root #spa-stage #bsm-week1-day6-root h2, #bsm-app-root #spa-stage #bsm-week1-day6-root h3, #bsm-app-root #spa-stage #bsm-week1-day6-root h4, #bsm-app-root #spa-stage #bsm-week1-day6-root p, #bsm-app-root #spa-stage #bsm-week1-day6-root span, #bsm-app-root #spa-stage #bsm-week1-day6-root label, #bsm-app-root #spa-stage #bsm-week1-day6-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day6-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day6-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day6-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-progress-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-dot { background: var(--glass-border) !important; } .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day6-root .bsm-reveal-action-btn { border-color: var(--brand-purple) !important; } #bsm-week1-day6-root .bsm-scenario-box { border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--glass-bg) !important; } #bsm-week1-day6-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } .bsm-option.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day6-root .bsm-feedback-msg { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day6-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-week1-day7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-week1-day7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage #bsm-week1-day7-root h1, #bsm-app-root #spa-stage #bsm-week1-day7-root h2, #bsm-app-root #spa-stage #bsm-week1-day7-root h3, #bsm-app-root #spa-stage #bsm-week1-day7-root h4, #bsm-app-root #spa-stage #bsm-week1-day7-root p, #bsm-app-root #spa-stage #bsm-week1-day7-root span, #bsm-app-root #spa-stage #bsm-week1-day7-root label, #bsm-app-root #spa-stage #bsm-week1-day7-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #bsm-week1-day7-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day7-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day7-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #bsm-week1-day7-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day7-root .bsm-progress-fill { background: var(--brand-purple) !important; } .bsm-page-dot:hover { background: var(--glass-bg) !important; } .bsm-page-dot.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #bsm-week1-day7-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; } .bsm-option.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .bsm-option.selected .bsm-option-circle { border-color: var(--brand-purple) !important; background: var(--brand-purple) !important; } #bsm-week1-day7-root .bsm-carousel-footer { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .bsm-review-card.is-correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-review-card.is-incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .is-correct .bsm-review-icon { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .is-incorrect .bsm-review-icon { fill: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-review-user-ans.wrong { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day7-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w2-d1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d1-root h1, #bsm-app-root #spa-stage #cbti-w2-d1-root h2, #bsm-app-root #spa-stage #cbti-w2-d1-root h3, #bsm-app-root #spa-stage #cbti-w2-d1-root h4, #bsm-app-root #spa-stage #cbti-w2-d1-root p, #bsm-app-root #spa-stage #cbti-w2-d1-root span, #bsm-app-root #spa-stage #cbti-w2-d1-root label, #bsm-app-root #spa-stage #cbti-w2-d1-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d1-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d1-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d1-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d1-zone.is-active { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d1-match-item:hover { border-color: var(--brand-purple) !important; } .w2d1-match-item.is-selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } .w2d1-match-item.is-placed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } .w2d1-match-item.is-incorrect-placement { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d1-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d1-barrier-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d1-barrier-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d1-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .u-color-var-diary-text-muted { color: var(--diary-text-muted); } .u-line-height-1-5-color-var-diary-text-mut { color: var(--diary-text-muted); } #bsm-app-root #spa-stage #cbti-w2-d2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d2-root h1, #bsm-app-root #spa-stage #cbti-w2-d2-root h2, #bsm-app-root #spa-stage #cbti-w2-d2-root h3, #bsm-app-root #spa-stage #cbti-w2-d2-root h4, #bsm-app-root #spa-stage #cbti-w2-d2-root p, #bsm-app-root #spa-stage #cbti-w2-d2-root span, #bsm-app-root #spa-stage #cbti-w2-d2-root label, #bsm-app-root #spa-stage #cbti-w2-d2-root li, #bsm-app-root #spa-stage #cbti-w2-d2-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d2-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d2-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d2-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d2-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d2-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d2-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d2-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d2-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d2-flip-back.is-myth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } .w2d2-flip-back.is-truth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } .w2d2-status-text.is-myth { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d2-status-text.is-truth { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d2-zone-title.is-myth { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w2d2-zone-title.is-truth { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d2-match-btn:hover { background: var(--inner-bg) !important; } .w2d2-match-btn.is-selected-myth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w2d2-match-btn.is-selected-truth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d2-match-btn.is-incorrect-pick { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .w2d2-selection-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d2-selection-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } .w2d2-diary-subcard .w2d2-context-box { background: var(--glass-bg) !important; } .w2d2-diary-btn:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d2-diary-response a, .w2d2-diary-link { color: var(--brand-purple) !important; text-decoration: underline !important; } .w2d2-chrono-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d2-chrono-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d2-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w2-d3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d3-root h1, #bsm-app-root #spa-stage #cbti-w2-d3-root h2, #bsm-app-root #spa-stage #cbti-w2-d3-root h3, #bsm-app-root #spa-stage #cbti-w2-d3-root h4, #bsm-app-root #spa-stage #cbti-w2-d3-root p, #bsm-app-root #spa-stage #cbti-w2-d3-root span, #bsm-app-root #spa-stage #cbti-w2-d3-root label, #bsm-app-root #spa-stage #cbti-w2-d3-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d3-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d3-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d3-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d3-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d3-root .bsm-meta-text { color: var(--diary-text-muted) !important; } .w2d3-reframe-box strong { color: var(--diary-text) !important; } .w2d3-safety-box strong { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d3-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d3-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d3-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d3-chain-step.is-active { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d3-chain-step.is-revealed { border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d3-chain-step.is-active .w2d3-chain-num, .w2d3-chain-step.is-revealed .w2d3-chain-num { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d3-qc-btn.myth:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w2d3-qc-btn.truth:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d3-qc-btn.is-correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d3-qc-btn.is-wrong { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w2d3-barrier-card:hover { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .w2d3-barrier-card.is-selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .w2d3-plan-prompt:hover { border-color: var(--brand-purple) !important; } .w2d3-plan-prompt.is-selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .w2d3-plan-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } .w2d3-plan-textarea::placeholder { color: var(--diary-text-muted) !important; } #cbti-w2-d3-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d3-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w2-d4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d4-root h1, #bsm-app-root #spa-stage #cbti-w2-d4-root h2, #bsm-app-root #spa-stage #cbti-w2-d4-root h3, #bsm-app-root #spa-stage #cbti-w2-d4-root h4, #bsm-app-root #spa-stage #cbti-w2-d4-root p, #bsm-app-root #spa-stage #cbti-w2-d4-root span, #bsm-app-root #spa-stage #cbti-w2-d4-root label, #bsm-app-root #spa-stage #cbti-w2-d4-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d4-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d4-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d4-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d4-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d4-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d4-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d4-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d4-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d4-checkin-btn:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d4-checkin-btn.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } .w2d4-thought-box:hover { background: var(--glass-bg) !important; } .w2d4-dot.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d4-nav-btn:hover:not(.locked) { background: var(--inner-bg) !important; } .w2d4-act-example:hover { border-color: var(--brand-purple) !important; } .w2d4-act-example.is-open { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d4-act-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } .w2d4-act-textarea::placeholder { color: var(--diary-text-muted) !important; } .w2d4-quiz-btn.tint-blue { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .w2d4-quiz-btn.tint-blue:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .w2d4-quiz-btn.tint-purple { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } .w2d4-quiz-btn.tint-purple:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .w2d4-quiz-btn.tint-orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .w2d4-quiz-btn.tint-orange:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d4-quiz-feedback.is-correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--diary-text-muted) !important; } .w2d4-quiz-feedback.is-incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--diary-text-muted) !important; } .w2d4-pick-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d4-pick-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d4-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w2-d5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d5-root h1, #bsm-app-root #spa-stage #cbti-w2-d5-root h2, #bsm-app-root #spa-stage #cbti-w2-d5-root h3, #bsm-app-root #spa-stage #cbti-w2-d5-root h4, #bsm-app-root #spa-stage #cbti-w2-d5-root p, #bsm-app-root #spa-stage #cbti-w2-d5-root span, #bsm-app-root #spa-stage #cbti-w2-d5-root label, #bsm-app-root #spa-stage #cbti-w2-d5-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d5-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d5-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d5-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d5-action-btn.btn-avoid { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d5-action-btn.btn-avoid:hover:not(.locked) { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .w2d5-action-btn.btn-do { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d5-action-btn.btn-do:hover:not(.locked) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d5-action-btn.is-correct-avoid { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .w2d5-action-btn.is-correct-do { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d5-action-btn.locked { filter: grayscale(100%) !important; } .w2d5-action-btn.is-incorrect-pick { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; text-decoration: line-through !important; } .w2d5-pb-chip:hover { border-color: var(--brand-purple) !important; } .w2d5-pb-chip.is-selected { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } .w2d5-pb-mini-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } .w2d5-pb-mini-textarea::placeholder { color: var(--diary-text-muted) !important; } .w2d5-pb-commit-single:hover { border-color: var(--brand-purple) !important; } .w2d5-pb-commit-single.is-committed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w2-d6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d6-root h1, #bsm-app-root #spa-stage #cbti-w2-d6-root h2, #bsm-app-root #spa-stage #cbti-w2-d6-root h3, #bsm-app-root #spa-stage #cbti-w2-d6-root h4, #bsm-app-root #spa-stage #cbti-w2-d6-root p, #bsm-app-root #spa-stage #cbti-w2-d6-root span, #bsm-app-root #spa-stage #cbti-w2-d6-root label, #bsm-app-root #spa-stage #cbti-w2-d6-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d6-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d6-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d6-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d6-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w2d6-bsm-front:hover { border-color: var(--brand-purple) !important; } .w2d6-bsm-link-btn:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .w2d6-bit-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w2d6-bit-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } .w2d6-dot.explored { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w2d6-dot.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w2d6-nav-btn:hover:not(.locked) { background: var(--inner-bg) !important; } #cbti-w2-d6-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .u-color-var-brand-green { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-app-root #spa-stage #cbti-w2-d7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-d7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-d7-root h1, #bsm-app-root #spa-stage #cbti-w2-d7-root h2, #bsm-app-root #spa-stage #cbti-w2-d7-root h3, #bsm-app-root #spa-stage #cbti-w2-d7-root h4, #bsm-app-root #spa-stage #cbti-w2-d7-root p, #bsm-app-root #spa-stage #cbti-w2-d7-root span, #bsm-app-root #spa-stage #cbti-w2-d7-root label, #bsm-app-root #spa-stage #cbti-w2-d7-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-d7-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d7-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d7-root .w2d7-num-circle { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w2d7-num-circle.purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } .w2d7-num-circle.orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d7-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-d7-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-d7-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-play-btn { background: var(--brand-purple) !important; } #cbti-w2-d7-root .w2d7-quiz-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; } .bsm-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .bsm-option.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w2-d7-root .w2d7-reflection-row { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } .w2d7-reflection-row:last-child { border-bottom: none !important; } #cbti-w2-d7-root .w2d7-scale-btn { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .w2d7-scale-btn:hover { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w2d7-scale-btn.selected { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root .w2d7-btn-orange { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .w2d7-btn-orange.locked { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d7-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w2-d7-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w3-d1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-d1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-d1-root h1, #bsm-app-root #spa-stage #cbti-w3-d1-root h2, #bsm-app-root #spa-stage #cbti-w3-d1-root h3, #bsm-app-root #spa-stage #cbti-w3-d1-root h4, #bsm-app-root #spa-stage #cbti-w3-d1-root p, #bsm-app-root #spa-stage #cbti-w3-d1-root span, #bsm-app-root #spa-stage #cbti-w3-d1-root label, #bsm-app-root #spa-stage #cbti-w3-d1-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d1-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d1-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-d1-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d1-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d1-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w3d1-acc-row:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .w3d1-acc-row.is-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } .w3d1-acc-row.is-open .w3d1-acc-icon { color: var(--brand-purple) !important; } .w3d1-acc-row.is-open .w3d1-acc-header { color: var(--brand-purple) !important; } .w3d1-slider::-webkit-slider-thumb { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; box-shadow: none !important; } #cbti-w3-d1-root .w3d1-hunger-btn { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } .w3d1-hunger-btn:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } .w3d1-groggy-indicator.is-safe { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w3d1-groggy-indicator.is-danger { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .w3d1-energizer-card:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d1-energizer-card.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .w3d1-btn-commit:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .w3d1-btn-commit.is-locked { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d1-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w3-d1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w3-d2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-d2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-d2-root h1, #bsm-app-root #spa-stage #cbti-w3-d2-root h2, #bsm-app-root #spa-stage #cbti-w3-d2-root h3, #bsm-app-root #spa-stage #cbti-w3-d2-root h4, #bsm-app-root #spa-stage #cbti-w3-d2-root p, #bsm-app-root #spa-stage #cbti-w3-d2-root span, #bsm-app-root #spa-stage #cbti-w3-d2-root label, #bsm-app-root #spa-stage #cbti-w3-d2-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-d2-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d2-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d2-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-d2-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d2-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d2-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w3d2-cw-check-item:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w3d2-cw-check-item.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d2-cw-check-item.selected .w3d2-cw-check-circle { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d2-cascade-trigger:hover { border-color: var(--brand-purple) !important; } .w3d2-cascade-step.revealed .w3d2-cascade-trigger { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w3-d2-root .w3d2-protocol-path-a, #cbti-w3-d2-root .w3d2-protocol-path-b { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .w3d2-path-item::before { color: var(--brand-purple) !important; } .w3d2-stack-btn:hover { border-color: var(--brand-purple) !important; } .w3d2-stack-btn.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } .w3d2-option-card:hover { border-color: var(--brand-purple) !important; } .w3d2-option-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } #cbti-w3-d2-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w3-d2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .u-background-rgba168-85-247-0-15-color-var { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-w3d3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-w3d3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-w3d3-root * { color: var(--diary-text) !important; } #bsm-w3d3-root .w3d3-panel { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; } #bsm-w3d3-root .w3d3-glass-inner { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-text-muted { color: var(--diary-text-muted) !important; } #bsm-w3d3-root .w3d3-back-btn { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(8px) !important; } #bsm-w3d3-root .w3d3-back-btn:hover { background: var(--glass-border) !important; } #bsm-w3d3-root .w3d3-day-badge { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-w3d3-root .w3d3-progress-track { background: var(--inner-bg) !important; } #bsm-w3d3-root .w3d3-progress-fill { background: var(--brand-purple) !important; } #bsm-w3d3-root .w3d3-section-complete-banner { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-w3d3-root .w3d3-section-complete-banner { color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-w3d3-root .w3d3-icon-circle { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-w3d3-root .w3d3-video-frame { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-video-frame:hover { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d3-root .w3d3-play-btn-large { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root .w3d3-section-num { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-w3d3-root .w3d3-check-icon { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-w3d3-root .w3d3-tile { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-tile.revealed { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-w3d3-root .w3d3-tile-action { color: var(--diary-text-muted) !important; } #bsm-w3d3-root .w3d3-tile-body { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-carousel-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #bsm-w3d3-root .w3d3-carousel-card.warning-theme { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-w3d3-root .w3d3-carousel-step-badge { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d3-root .w3d3-nav-btn { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-dot { background: var(--glass-border) !important; } #bsm-w3d3-root .w3d3-dot.active { background: var(--brand-purple) !important; } #bsm-w3d3-root .w3d3-timeline-btn { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-timeline-num { border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-timeline-item.active .w3d3-timeline-btn { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d3-root .w3d3-timeline-item.active .w3d3-timeline-num { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d3-root .w3d3-timeline-content { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-w3d3-root .w3d3-timeline-connector { background: var(--glass-border) !important; } #bsm-w3d3-root .w3d3-timeline-item.active .w3d3-timeline-connector { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-w3d3-root .w3d3-quiz-row { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-quiz-row:last-child { border-bottom: none !important; } #bsm-w3d3-root .w3d3-toggle-btn { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-anchor-wrap { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d3-root .w3d3-anchor-wrap.is-locked { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-w3d3-root .w3d3-time-input { background: var(--glass-bg) !important; border: var(--bsm3-border-default) solid var(--brand-purple) !important; color: var(--diary-text) !important; outline: none !important; } #bsm-w3d3-root .w3d3-time-input:disabled { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-w3d3-root .w3d3-btn-anchor { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; box-shadow: none !important; } #bsm-w3d3-root .w3d3-btn-anchor.is-locked { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; box-shadow: none !important; } #bsm-w3d3-root .w3d3-action-btn { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-w3d3-root .w3d3-info-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #bsm-w3d3-root .w3d3-info-bullet { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #cbti-w3-d4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-d4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-d4-root h1, #bsm-app-root #spa-stage #cbti-w3-d4-root h2, #bsm-app-root #spa-stage #cbti-w3-d4-root h3, #bsm-app-root #spa-stage #cbti-w3-d4-root h4, #bsm-app-root #spa-stage #cbti-w3-d4-root p, #bsm-app-root #spa-stage #cbti-w3-d4-root span, #bsm-app-root #spa-stage #cbti-w3-d4-root label, #bsm-app-root #spa-stage #cbti-w3-d4-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-d4-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d4-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d4-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-d4-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d4-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d4-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w3d4-acc-row:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .w3d4-acc-row.is-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } .w3d4-acc-row.is-open .w3d4-acc-icon { color: var(--brand-purple) !important; } .w3d4-acc-row.is-open .w3d4-acc-header { color: var(--brand-purple) !important; } .w3d4-hygiene-item:hover { border-color: var(--brand-purple) !important; } .w3d4-hygiene-item.is-open { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d4-zone-active.is-active { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d4-zone-passive.is-active { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .w3d4-zone-title.is-active { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w3d4-zone-title.is-passive { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d4-match-row:hover { border-color: var(--brand-purple) !important; } .w3d4-match-row.is-selected { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } .w3d4-match-row.is-placed-active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w3d4-match-row.is-placed-passive { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d4-option-btn:hover { border-color: var(--brand-purple) !important; } .w3d4-option-btn.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .w3d4-where-card:hover { border-color: var(--brand-purple) !important; } .w3d4-where-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w3-d4-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w3-d4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .u-background-rgba59-130-246-0-15-color-var { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #cbti-w3-d5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-d5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-d5-root h1, #bsm-app-root #spa-stage #cbti-w3-d5-root h2, #bsm-app-root #spa-stage #cbti-w3-d5-root h3, #bsm-app-root #spa-stage #cbti-w3-d5-root h4, #bsm-app-root #spa-stage #cbti-w3-d5-root p, #bsm-app-root #spa-stage #cbti-w3-d5-root span, #bsm-app-root #spa-stage #cbti-w3-d5-root label, #bsm-app-root #spa-stage #cbti-w3-d5-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-d5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d5-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d5-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-d5-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d5-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d5-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w3d5-toggle-btn.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d5-switch-stage.is-dim .w3d5-toggle-pill { background: var(--brand-purple) !important; } .w3d5-zone-systemic.is-active { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .w3d5-zone-habitual.is-active { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d5-zone-title.is-systemic { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d5-zone-title.is-habitual { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w3d5-match-row:hover { border-color: var(--brand-purple) !important; } .w3d5-match-row.is-selected { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } .w3d5-match-row.is-placed-systemic { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d5-match-row.is-placed-habitual { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w3d5-stack-btn:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .w3d5-stack-btn.selected { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } .w3d5-shift-worker-box:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d5-shift-worker-box.checked { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d5-shift-worker-box.checked .w3d5-checkbox-box { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d5-bullet-item::before { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d5-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w3-d5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w3-d6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-d6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-d6-root h1, #bsm-app-root #spa-stage #cbti-w3-d6-root h2, #bsm-app-root #spa-stage #cbti-w3-d6-root h3, #bsm-app-root #spa-stage #cbti-w3-d6-root h4, #bsm-app-root #spa-stage #cbti-w3-d6-root p, #bsm-app-root #spa-stage #cbti-w3-d6-root span, #bsm-app-root #spa-stage #cbti-w3-d6-root label, #bsm-app-root #spa-stage #cbti-w3-d6-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-d6-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d6-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d6-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-d6-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d6-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d6-root .bsm-play-btn { background: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .w3d6-check-row:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } .w3d6-check-row.is-checked { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } .w3d6-check-row.locked-commit { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w3d6-check-row.locked-commit .w3d6-checkbox { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d6-check-row.is-checked .w3d6-checkbox { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w3d6-bullet-item::before { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w3d6-quiz-row:last-child { border-bottom: none !important; } .w3d6-eff-msg.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w3d6-eff-msg.is-hold { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w3d6-eff-msg.is-nodata { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d6-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #cbti-w3-d6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-w3d7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-w3d7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-w3d7-root * { color: var(--diary-text) !important; } #bsm-w3d7-root .w3d7-panel { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; } #bsm-w3d7-root .w3d7-text-muted { color: var(--diary-text-muted) !important; } #bsm-w3d7-root .w3d7-back-btn { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(8px) !important; } #bsm-w3d7-root .w3d7-back-btn:hover { background: var(--glass-border) !important; } #bsm-w3d7-root .w3d7-day-badge { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-w3d7-root .w3d7-progress-track { background: var(--inner-bg) !important; } #bsm-w3d7-root .w3d7-progress-fill { background: var(--brand-purple) !important; } #bsm-w3d7-root .w3d7-quiz-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d7-root .w3d7-quiz-qnum { color: var(--brand-purple) !important; } #bsm-w3d7-root .w3d7-option-btn { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d7-root .w3d7-option-btn:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } #bsm-w3d7-root .w3d7-option-indicator { border: var(--bsm3-border-default) solid var(--diary-text-muted) !important; background: var(--bsm3-transparent) !important; color: var(--bsm3-transparent) !important; } #bsm-w3d7-root .w3d7-option-btn.correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-w3d7-root .w3d7-option-btn.correct .w3d7-option-indicator { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d7-root .w3d7-option-btn.wrong { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-w3d7-root .w3d7-option-btn.wrong .w3d7-option-indicator { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-w3d7-root .w3d7-quiz-explanation { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #bsm-w3d7-root .w3d7-commitment-box { border-top: var(--bsm3-border-default) solid var(--glass-border) !important; } #bsm-w3d7-root .w3d7-commitment-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-w3d7-root .w3d7-checkbox { border: var(--bsm3-border-default) solid var(--glass-border) !important; color: var(--bsm3-transparent) !important; } #bsm-w3d7-root .w3d7-commitment-row.active { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d7-root .w3d7-commitment-row.active .w3d7-checkbox { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-w3d7-root .w3d7-action-btn { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-app-root #spa-stage #cbti-w4-d1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-pink: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); --bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d1-root h1, #bsm-app-root #spa-stage #cbti-w4-d1-root h2, #bsm-app-root #spa-stage #cbti-w4-d1-root h3, #bsm-app-root #spa-stage #cbti-w4-d1-root h4, #bsm-app-root #spa-stage #cbti-w4-d1-root p, #bsm-app-root #spa-stage #cbti-w4-d1-root span, #bsm-app-root #spa-stage #cbti-w4-d1-root label, #bsm-app-root #spa-stage #cbti-w4-d1-root strong, #bsm-app-root #spa-stage #cbti-w4-d1-root input, #bsm-app-root #spa-stage #cbti-w4-d1-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-d1-root .bsm-flip-front, #cbti-w4-d1-root .bsm-flip-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--card-bg) !important; } #cbti-w4-d1-root .bsm-flip-back { background: var(--inner-bg) !important; } .bsm-text-input:focus { border-color: var(--brand-purple) !important; } #cbti-w4-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d1-root .bsm-tag { border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; background: var(--inner-bg) !important; color: var(--diary-text-muted) !important; } .bsm-tag.active.tag-sleep { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--brand-purple) !important; } .bsm-tag.active.tag-aware { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--brand-pink) !important; border-color: var(--brand-pink) !important; } .bsm-tag.active.tag-plan { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-tag.active.tag-emo { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-tag.active.tag-hyper { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-tag.active.tag-other { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } .u-color-var-cat-color { color: var(--diary-text) !important !important; } .u-margin-bottom-0-color-var-cat-color { color: var(--diary-text) !important !important; } #bsm-app-root #spa-stage #cbti-w4-d2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d2-root h1, #bsm-app-root #spa-stage #cbti-w4-d2-root h2, #bsm-app-root #spa-stage #cbti-w4-d2-root h3, #bsm-app-root #spa-stage #cbti-w4-d2-root p, #bsm-app-root #spa-stage #cbti-w4-d2-root span, #bsm-app-root #spa-stage #cbti-w4-d2-root strong, #bsm-app-root #spa-stage #cbti-w4-d2-root input, #bsm-app-root #spa-stage #cbti-w4-d2-root button, #bsm-app-root #spa-stage #cbti-w4-d2-root textarea { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-cycle-step.highlight { border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w4-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d2-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w4-d2-root .bsm-btn-bypass { background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d2-root .bsm-insight-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d2-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } .bsm-input-field:focus { border-color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #cbti-w4-d3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d3-root h1, #bsm-app-root #spa-stage #cbti-w4-d3-root h2, #bsm-app-root #spa-stage #cbti-w4-d3-root h3, #bsm-app-root #spa-stage #cbti-w4-d3-root p, #bsm-app-root #spa-stage #cbti-w4-d3-root span, #bsm-app-root #spa-stage #cbti-w4-d3-root strong, #bsm-app-root #spa-stage #cbti-w4-d3-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w4d3-diary-link:hover { text-decoration: underline !important; } #cbti-w4-d3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-btn-bypass { background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d3-root .bsm-btn-suite { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-btn-suite:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w4-d3-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } .bsm-relax-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .bsm-relax-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-timer-circle { border: var(--bsm3-border-thick) solid var(--glass-border) !important; color: var(--diary-text) !important; } .bsm-timer-circle.state-tense { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-timer-circle.state-relax { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .u-font-size-14px-padding-10px-0-border-top { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #cbti-w4-d4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d4-root h1, #bsm-app-root #spa-stage #cbti-w4-d4-root h2, #bsm-app-root #spa-stage #cbti-w4-d4-root h3, #bsm-app-root #spa-stage #cbti-w4-d4-root p, #bsm-app-root #spa-stage #cbti-w4-d4-root span, #bsm-app-root #spa-stage #cbti-w4-d4-root strong, #bsm-app-root #spa-stage #cbti-w4-d4-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d4-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d4-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-btn-bypass { background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d4-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } .bsm-chip-suggested:hover { border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-btn-sort:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .bsm-btn-sort.selected-correct { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-btn-sort.selected-incorrect { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-sort-feedback.correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } .bsm-sort-feedback.incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .bsm-btn-pledge:hover { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-btn-pledge.active { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-style: solid !important; } #bsm-app-root #spa-stage #cbti-w4-d5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-pink: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-pink: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d5-root h1, #bsm-app-root #spa-stage #cbti-w4-d5-root h2, #bsm-app-root #spa-stage #cbti-w4-d5-root h3, #bsm-app-root #spa-stage #cbti-w4-d5-root p, #bsm-app-root #spa-stage #cbti-w4-d5-root span, #bsm-app-root #spa-stage #cbti-w4-d5-root strong, #bsm-app-root #spa-stage #cbti-w4-d5-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d5-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d5-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d5-root .bsm-btn-bypass { background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-btn-quiz:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } .bsm-btn-quiz.correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-btn-quiz.incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-quiz-feedback.correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-quiz-feedback.incorrect { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-act-step.active { border-color: var(--brand-pink) !important; } .bsm-act-step.completed { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-act-step.completed .bsm-act-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-chip { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } .bsm-chip:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d5-root .bsm-btn-suite { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #cbti-w4-d6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d6-root h1, #bsm-app-root #spa-stage #cbti-w4-d6-root h2, #bsm-app-root #spa-stage #cbti-w4-d6-root h3, #bsm-app-root #spa-stage #cbti-w4-d6-root p, #bsm-app-root #spa-stage #cbti-w4-d6-root span, #bsm-app-root #spa-stage #cbti-w4-d6-root strong, #bsm-app-root #spa-stage #cbti-w4-d6-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d6-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d6-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; background: var(--glass-bg) !important; } .bsm-sensory-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .bsm-sensory-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-btn-suite { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #cbti-w4-d7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-d7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w4-d7-root h1, #bsm-app-root #spa-stage #cbti-w4-d7-root h2, #bsm-app-root #spa-stage #cbti-w4-d7-root h3, #bsm-app-root #spa-stage #cbti-w4-d7-root p, #bsm-app-root #spa-stage #cbti-w4-d7-root span, #bsm-app-root #spa-stage #cbti-w4-d7-root strong, #bsm-app-root #spa-stage #cbti-w4-d7-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-quiz-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--inner-bg) !important; } .bsm-quiz-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-quiz-option.correct .bsm-quiz-icon { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-quiz-option.correct .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-quiz-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-quiz-option.incorrect .bsm-quiz-icon { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-quiz-option.incorrect .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #cbti-w5-d1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d1-root h1, #bsm-app-root #spa-stage #cbti-w5-d1-root h2, #bsm-app-root #spa-stage #cbti-w5-d1-root h3, #bsm-app-root #spa-stage #cbti-w5-d1-root p, #bsm-app-root #spa-stage #cbti-w5-d1-root span, #bsm-app-root #spa-stage #cbti-w5-d1-root strong, #bsm-app-root #spa-stage #cbti-w5-d1-root input, #bsm-app-root #spa-stage #cbti-w5-d1-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d1-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d1-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d1-root .bsm-btn-bypass { background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-word-input:focus { border-color: var(--brand-purple) !important; } #cbti-w5-d1-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w5-d1-root .bsm-timer-circle { border: var(--bsm3-border-thick) solid var(--brand-purple) !important; color: var(--diary-text) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w5-d1-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .u-font-size-14px-color-var-diary-text-mute-2 { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #cbti-w5-d2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d2-root h1, #bsm-app-root #spa-stage #cbti-w5-d2-root h2, #bsm-app-root #spa-stage #cbti-w5-d2-root h3, #bsm-app-root #spa-stage #cbti-w5-d2-root p, #bsm-app-root #spa-stage #cbti-w5-d2-root span, #bsm-app-root #spa-stage #cbti-w5-d2-root strong, #bsm-app-root #spa-stage #cbti-w5-d2-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d2-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d2-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-btn-secondary:disabled:hover { background: var(--inner-bg) !important; } #cbti-w5-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w5d2-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w5d2-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w5d2-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w5d2-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .bsm-fact-text strong { color: var(--diary-text) !important; } #cbti-w5-d2-root .bsm-audit-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-audit-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .bsm-audit-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w5-d3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d3-root h1, #bsm-app-root #spa-stage #cbti-w5-d3-root h2, #bsm-app-root #spa-stage #cbti-w5-d3-root h3, #bsm-app-root #spa-stage #cbti-w5-d3-root p, #bsm-app-root #spa-stage #cbti-w5-d3-root span, #bsm-app-root #spa-stage #cbti-w5-d3-root strong, #bsm-app-root #spa-stage #cbti-w5-d3-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d3-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-rule-tag.expand { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-rule-tag.hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-rule-tag.shrink { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w5-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w5-d3-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w5-d4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d4-root h1, #bsm-app-root #spa-stage #cbti-w5-d4-root h2, #bsm-app-root #spa-stage #cbti-w5-d4-root h3, #bsm-app-root #spa-stage #cbti-w5-d4-root p, #bsm-app-root #spa-stage #cbti-w5-d4-root span, #bsm-app-root #spa-stage #cbti-w5-d4-root strong, #bsm-app-root #spa-stage #cbti-w5-d4-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d4-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d4-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d4-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-btn-myth:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .bsm-btn-myth.picked-correct { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-btn-myth.picked-incorrect { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .w5d4-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .w5d4-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .w5d4-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .w5d4-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d4-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w5-d5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d5-root h1, #bsm-app-root #spa-stage #cbti-w5-d5-root h2, #bsm-app-root #spa-stage #cbti-w5-d5-root h3, #bsm-app-root #spa-stage #cbti-w5-d5-root p, #bsm-app-root #spa-stage #cbti-w5-d5-root span, #bsm-app-root #spa-stage #cbti-w5-d5-root strong, #bsm-app-root #spa-stage #cbti-w5-d5-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d5-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d5-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d5-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-compare-card.blip { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .bsm-compare-card.trend { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #cbti-w5-d5-root .bsm-compare-text { color: var(--diary-text-muted) !important; } .bsm-reset-text strong { color: var(--diary-text) !important; } .bsm-btn-scenario:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } .bsm-btn-scenario.picked-best { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--diary-text) !important; } #cbti-w5-d5-root .bsm-scenario-feedback { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w5-d5-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w5-d6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d6-root h1, #bsm-app-root #spa-stage #cbti-w5-d6-root h2, #bsm-app-root #spa-stage #cbti-w5-d6-root h3, #bsm-app-root #spa-stage #cbti-w5-d6-root p, #bsm-app-root #spa-stage #cbti-w5-d6-root span, #bsm-app-root #spa-stage #cbti-w5-d6-root strong, #bsm-app-root #spa-stage #cbti-w5-d6-root textarea, #bsm-app-root #spa-stage #cbti-w5-d6-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d6-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d6-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d6-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-sc-text strong { color: var(--diary-text) !important; } .bsm-journal-textarea:focus { border-color: var(--brand-purple) !important; } #cbti-w5-d6-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w5-d7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-d7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w5-d7-root h1, #bsm-app-root #spa-stage #cbti-w5-d7-root h2, #bsm-app-root #spa-stage #cbti-w5-d7-root h3, #bsm-app-root #spa-stage #cbti-w5-d7-root p, #bsm-app-root #spa-stage #cbti-w5-d7-root span, #bsm-app-root #spa-stage #cbti-w5-d7-root strong, #bsm-app-root #spa-stage #cbti-w5-d7-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w6-d1-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d1-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d1-root h1, #bsm-app-root #spa-stage #cbti-w6-d1-root h2, #bsm-app-root #spa-stage #cbti-w6-d1-root h3, #bsm-app-root #spa-stage #cbti-w6-d1-root p, #bsm-app-root #spa-stage #cbti-w6-d1-root span, #bsm-app-root #spa-stage #cbti-w6-d1-root strong, #bsm-app-root #spa-stage #cbti-w6-d1-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d1-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d1-root .bsm-flip-front, #cbti-w6-d1-root .bsm-flip-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--card-bg) !important; } #cbti-w6-d1-root .bsm-flip-back { background: var(--inner-bg) !important; } #cbti-w6-d1-root .bsm-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #cbti-w6-d2-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d2-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d2-root h1, #bsm-app-root #spa-stage #cbti-w6-d2-root h2, #bsm-app-root #spa-stage #cbti-w6-d2-root h3, #bsm-app-root #spa-stage #cbti-w6-d2-root p, #bsm-app-root #spa-stage #cbti-w6-d2-root span, #bsm-app-root #spa-stage #cbti-w6-d2-root strong, #bsm-app-root #spa-stage #cbti-w6-d2-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d2-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d2-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d2-root .bsm-audit-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-audit-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w6-d2-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w6-d3-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d3-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d3-root h1, #bsm-app-root #spa-stage #cbti-w6-d3-root h2, #bsm-app-root #spa-stage #cbti-w6-d3-root h3, #bsm-app-root #spa-stage #cbti-w6-d3-root p, #bsm-app-root #spa-stage #cbti-w6-d3-root span, #bsm-app-root #spa-stage #cbti-w6-d3-root strong, #bsm-app-root #spa-stage #cbti-w6-d3-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d3-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-compare-card.lapse { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .bsm-compare-card.relapse { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #cbti-w6-d3-root .bsm-compare-text { color: var(--diary-text-muted) !important; } #cbti-w6-d3-root .bsm-audit-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-audit-card:hover { border-color: var(--brand-purple) !important; } .bsm-audit-card.checked { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-audit-card.checked .bsm-audit-check { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-audit-card.checked .bsm-audit-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w6-d4-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d4-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d4-root h1, #bsm-app-root #spa-stage #cbti-w6-d4-root h2, #bsm-app-root #spa-stage #cbti-w6-d4-root h3, #bsm-app-root #spa-stage #cbti-w6-d4-root p, #bsm-app-root #spa-stage #cbti-w6-d4-root span, #bsm-app-root #spa-stage #cbti-w6-d4-root strong, #bsm-app-root #spa-stage #cbti-w6-d4-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d4-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d4-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d4-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-scenario-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-scenario-opt:hover { border-color: var(--brand-purple) !important; } .bsm-scenario-opt.best { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-scenario-opt.picked-not-best { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-scenario-feedback { color: var(--diary-text-muted) !important; } .bsm-picker-chip:hover { border-color: var(--brand-purple) !important; } .bsm-picker-chip.selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w6-d4-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w6-d5-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d5-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d5-root h1, #bsm-app-root #spa-stage #cbti-w6-d5-root h2, #bsm-app-root #spa-stage #cbti-w6-d5-root h3, #bsm-app-root #spa-stage #cbti-w6-d5-root p, #bsm-app-root #spa-stage #cbti-w6-d5-root span, #bsm-app-root #spa-stage #cbti-w6-d5-root strong, #bsm-app-root #spa-stage #cbti-w6-d5-root button, #bsm-app-root #spa-stage #cbti-w6-d5-root textarea { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d5-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d5-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d5-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-pillar-card:hover { border-color: var(--brand-purple) !important; } .bsm-pillar-card.acked { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-pillar-card.acked .bsm-pillar-check { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-pillar-card.acked .bsm-pillar-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-commit-chip:hover { border-color: var(--brand-purple) !important; } .bsm-commit-chip.selected { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .bsm-commit-chip.selected .bsm-commit-check { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-commit-chip.selected .bsm-commit-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-commit-custom::placeholder { color: var(--diary-text-muted) !important; } #cbti-w6-d5-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w6-d6-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d6-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d6-root h1, #bsm-app-root #spa-stage #cbti-w6-d6-root h2, #bsm-app-root #spa-stage #cbti-w6-d6-root h3, #bsm-app-root #spa-stage #cbti-w6-d6-root p, #bsm-app-root #spa-stage #cbti-w6-d6-root span, #bsm-app-root #spa-stage #cbti-w6-d6-root strong, #bsm-app-root #spa-stage #cbti-w6-d6-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d6-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d6-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d6-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d6-root .bsm-metric-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-metric-badge.good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-metric-badge.needs-work { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .bsm-metric-detail.good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; border-top: none !important; } .bsm-metric-detail.needs { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-top: none !important; } .bsm-metric-detail.good .bsm-metric-detail-title { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-metric-detail.needs .bsm-metric-detail-title { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d6-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d6-root .bsm-chip { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; } .bsm-chip:hover { border-color: var(--brand-purple) !important; } .bsm-chip.selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #cbti-w6-d7-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --card-bg: var(--glass-bg); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-d7-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #cbti-w6-d7-root h1, #bsm-app-root #spa-stage #cbti-w6-d7-root h2, #bsm-app-root #spa-stage #cbti-w6-d7-root h3, #bsm-app-root #spa-stage #cbti-w6-d7-root p, #bsm-app-root #spa-stage #cbti-w6-d7-root span, #bsm-app-root #spa-stage #cbti-w6-d7-root strong, #bsm-app-root #spa-stage #cbti-w6-d7-root a, #bsm-app-root #spa-stage #cbti-w6-d7-root button { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; text-decoration: none !important; } #cbti-w6-d7-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w1-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w1-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w1-hub-root h1, #bsm-app-root #spa-stage #cbti-w1-hub-root h2, #bsm-app-root #spa-stage #cbti-w1-hub-root h3, #bsm-app-root #spa-stage #cbti-w1-hub-root h4, #bsm-app-root #spa-stage #cbti-w1-hub-root p, #bsm-app-root #spa-stage #cbti-w1-hub-root span, #bsm-app-root #spa-stage #cbti-w1-hub-root label, #bsm-app-root #spa-stage #cbti-w1-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w1-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w1-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w1-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w1-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w1-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w1-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w1-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w1-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #bsm-app-root #spa-stage #cbti-w2-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w2-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w2-hub-root h1, #bsm-app-root #spa-stage #cbti-w2-hub-root h2, #bsm-app-root #spa-stage #cbti-w2-hub-root h3, #bsm-app-root #spa-stage #cbti-w2-hub-root h4, #bsm-app-root #spa-stage #cbti-w2-hub-root p, #bsm-app-root #spa-stage #cbti-w2-hub-root span, #bsm-app-root #spa-stage #cbti-w2-hub-root label, #bsm-app-root #spa-stage #cbti-w2-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w2-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w2-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w2-hub-root .w2hub-tool-badge { color: var(--brand-purple) !important; background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w3-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w3-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w3-hub-root h1, #bsm-app-root #spa-stage #cbti-w3-hub-root h2, #bsm-app-root #spa-stage #cbti-w3-hub-root h3, #bsm-app-root #spa-stage #cbti-w3-hub-root h4, #bsm-app-root #spa-stage #cbti-w3-hub-root p, #bsm-app-root #spa-stage #cbti-w3-hub-root span, #bsm-app-root #spa-stage #cbti-w3-hub-root label, #bsm-app-root #spa-stage #cbti-w3-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w3-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w3-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w3-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w3-hub-root .w3hub-tool-badge { color: var(--brand-purple) !important; background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #cbti-w4-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w4-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w4-hub-root h1, #bsm-app-root #spa-stage #cbti-w4-hub-root h2, #bsm-app-root #spa-stage #cbti-w4-hub-root h3, #bsm-app-root #spa-stage #cbti-w4-hub-root h4, #bsm-app-root #spa-stage #cbti-w4-hub-root p, #bsm-app-root #spa-stage #cbti-w4-hub-root span, #bsm-app-root #spa-stage #cbti-w4-hub-root label, #bsm-app-root #spa-stage #cbti-w4-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w4-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w4-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w4-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #bsm-app-root #spa-stage #cbti-w5-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w5-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w5-hub-root h1, #bsm-app-root #spa-stage #cbti-w5-hub-root h2, #bsm-app-root #spa-stage #cbti-w5-hub-root h3, #bsm-app-root #spa-stage #cbti-w5-hub-root h4, #bsm-app-root #spa-stage #cbti-w5-hub-root p, #bsm-app-root #spa-stage #cbti-w5-hub-root span, #bsm-app-root #spa-stage #cbti-w5-hub-root label, #bsm-app-root #spa-stage #cbti-w5-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w5-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w5-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w5-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w5-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w5-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #bsm-app-root #spa-stage #cbti-w6-hub-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); } #bsm-app-root[data-theme="day"] #spa-stage #cbti-w6-hub-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #cbti-w6-hub-root h1, #bsm-app-root #spa-stage #cbti-w6-hub-root h2, #bsm-app-root #spa-stage #cbti-w6-hub-root h3, #bsm-app-root #spa-stage #cbti-w6-hub-root h4, #bsm-app-root #spa-stage #cbti-w6-hub-root p, #bsm-app-root #spa-stage #cbti-w6-hub-root span, #bsm-app-root #spa-stage #cbti-w6-hub-root label, #bsm-app-root #spa-stage #cbti-w6-hub-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } #cbti-w6-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w6-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w6-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-hub-root .bsm-icon-purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w6-hub-root .bsm-meta-text { color: var(--diary-text-muted) !important; } #cbti-w6-hub-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-hub-root .bsm-progress-fill { background: var(--brand-purple) !important; } #cbti-w6-hub-root .w6hub-tool-badge { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --risk-amber: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --risk-ember: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--diary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #circadian-dashboard-wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper h1, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h2, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h3, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h4, #bsm-app-root #spa-stage #circadian-dashboard-wrapper p, #bsm-app-root #spa-stage #circadian-dashboard-wrapper label { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-title::after, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-title::before, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h1::after, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h1::before, #bsm-cir-page-title::after, #bsm-cir-page-title::before, #circadian-dashboard-wrapper h1::after, #circadian-dashboard-wrapper h1::before, #circadian-dashboard-wrapper .bsm-edu-title::after, #circadian-dashboard-wrapper .bsm-edu-title::before { background: none !important; background-color: var(--bsm3-transparent) !important; border: none !important; border-bottom: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-title { color: var(--diary-text) !important; border: none !important; border-bottom: none !important; text-decoration: none !important; box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-subtitle { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-disorder-badge { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-default) solid var(--brand-purple) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-tab { border: none !important; background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-tab:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-tab.bsm-edu-tab-active { background: var(--brand-purple) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-strategies-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-most-effective-pill { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-study-header-card { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-disclaimer { color: var(--diary-text-muted) !important; background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-purple .bsm-flip-f, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-purple .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-blue .bsm-flip-f, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-blue .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-teal .bsm-flip-f, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-teal .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-back-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-back-text { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-back-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-next-pill { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--brand-purple) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-next-pill:hover { background: var(--brand-purple) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-pat:nth-child(odd) .bsm-flip-f, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-pat:nth-child(odd) .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-pat:nth-child(even) .bsm-flip-f, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flip-pat:nth-child(even) .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pat-icon-wrap { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pat-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-profile-chip { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-profile-chip-lbl { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-profile-chip-val { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-profile-chip-val em { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-arch { border: var(--bsm3-border-thick) solid var(--glass-border) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-fill { border: var(--bsm3-border-thick) solid var(--brand-purple) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-fill.dial-low { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-fill.dial-moderate { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-dial-fill.dial-high { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-num { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-num.score-low { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-num.score-moderate { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-num.score-high { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-severity-tag { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pip { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pip.pip-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pip.pip-moderate { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-pip.pip-high { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-caption { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-note { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flags-label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-focus-section-label { color: var(--brand-purple) !important; border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-row.bsm-flagged { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-check { border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-row.bsm-flagged .bsm-flag-check { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-name { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-val { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-dot { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-dot.filled-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-dot.filled-moderate { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-dot.filled-high { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-score-block { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-score-caption { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-row:first-of-type { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-num { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-dot { border: var(--bsm3-border-default) solid var(--glass-border) !important; background: var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-dot.filled-green { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-dot.filled-yellow { background: var(--brand-yellow) !important; border-color: var(--brand-yellow) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-dot.filled-orange { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-q-dot.filled-red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-no-data { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-glass-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-stat-span { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-badge-green { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-badge-orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-badge-red { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-reminder-banner { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-reminder-banner:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-timeline-track { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tl-ideal { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-default) dashed var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tl-actual { background: var(--brand-purple); box-shadow: none; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-sci-acc { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-sci-acc:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-sci-head { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-sci-body { border-top: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-transparency-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-track { scrollbar-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) var(--bsm3-transparent); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-track::-webkit-scrollbar-track { background: var(--bsm3-transparent); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-track::-webkit-scrollbar-thumb { background: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-track::-webkit-scrollbar-thumb:hover { background: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-node { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-node:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-node.active { border-color: var(--brand-purple); border-width: var(--bsm3-border-default); background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); box-shadow: none; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-node.active .bsm-macro-lbl { color: var(--brand-purple); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-indicator { background: var(--brand-purple); box-shadow: none; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-itin-wrap { border-left: var(--bsm3-border-default) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-itin-icon { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-itin-time { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-solid { background-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--brand-purple) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-solid:hover { box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-outline { background-color: var(--bsm3-transparent) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-outline:hover { background-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-input-nice { background-color: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; outline: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-card.bsm-tool-nav-active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-card.bsm-tool-nav-active .bsm-tool-nav-arrow { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-card:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-icon { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-num { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-nav-arrow { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-anchor-hdr { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-anchor-hdr:first-of-type { border-top: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-anchor-num { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-anchor-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-primary-action { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: none !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-primary-action:hover { box-shadow: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-tool-card-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-form-reveal { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-secondary-action { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-secondary-action:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-active-plan-hdr { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-active-plan-label { color: var(--brand-purple) !important; } #circadian-dashboard-wrapper .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-circadian-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-circadian-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .u-display-block-font-size-0-8rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-padding-16px-28px-24px-border-top-1px-so { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } .u-background-var-glass-bg-rgba20-20-30-0-9 { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } .u-font-size-1-25rem-font-weight-700-color { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-display-none-position-fixed-inset-0-z-in { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .u-display-none-font-size-0-76rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-display-block-width-100pc-padding-14px-b { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .u-display-block-text-align-center-font-siz { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: none; border: none; text-decoration: underline; } .u-display-block-font-size-0-6rem-font-weig { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-display-block-font-size-0-65rem-font-wei { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } .u-color-var-brand-purple { color: var(--brand-purple); } .u-background-var-glass-bg-rgba128-128-128 { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-background-linear-gradient135deg-rgba109 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } .bsm-page-container { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); backdrop-filter: blur(10px); border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .clinical-label { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .bsm-input { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .status-chip { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .status-chip.active { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .hub-navigation-dock { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } .hub-btn { background: var(--bsm3-transparent); border: none; color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .hub-btn.active { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .clock-face { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); stroke: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .clock-text { fill: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .dot.amber { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .dot.red { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .dot.white { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .boutique-button { border: none; } .primary-action { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .u-color-var-bsm-amber-muted-font-size-0-7r { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #bsm-app-root #spa-stage #bsm-dash-v35 { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --donut-core: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); --tip-bg: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --tip-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tip-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --subnav-bg: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --subnav-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tab-track-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tab-track-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tab-hover-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tab-active-pill: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); --tab-active-glow: none; --tab-active-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --card-shadow: none; --hover-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --checkin-active-bg: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --checkin-active-border: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --stat-sub-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --delta-pos-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --delta-neg-bg: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); --tab-sep: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-tab-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --diary-tab-border: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); --subnav-inner-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tip-icon-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --tip-icon-border: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); --tip-icon-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tip-icon-hover-bg: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); --tip-icon-hover-border: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --tip-icon-hover-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-dash-v35 { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --donut-core: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --tip-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --tip-text: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); --tip-border: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --subnav-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --subnav-border: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --tab-track-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --tab-track-border: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --tab-hover-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --tab-active-pill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --tab-active-glow: none; --tab-active-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --card-shadow: none; --hover-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --checkin-active-bg: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --checkin-active-border: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --stat-sub-color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); --delta-pos-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --delta-neg-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --tab-sep: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --diary-tab-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --diary-tab-border: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); --subnav-inner-border: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --tip-icon-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --tip-icon-border: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); --tip-icon-text: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --tip-icon-hover-bg: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --tip-icon-hover-border: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --tip-icon-hover-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-dash-v35 { color: var(--diary-text) !important; } #bsm-dash-v35 h1,#bsm-dash-v35 h2,#bsm-dash-v35 h3,#bsm-dash-v35 h4, #bsm-dash-v35 p,#bsm-dash-v35 span:not(.bsm-tab-badge):not(.delta-badge), #bsm-dash-v35 label,#bsm-dash-v35 strong { color: var(--diary-text) !important; } #bsm-dash-v35 .ds-card { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #bsm-dash-v35 .ds-card.is-clickable:hover { background: var(--hover-bg); } #bsm-dash-v35 .dash-greeting { border: none !important; border-bottom: none !important; text-decoration: none !important; background: none !important; } #bsm-dash-v35 .dash-subline .date-icon svg { stroke: currentColor; fill: none; } #bsm-dash-v35 .dash-subline .stale-warning { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .header-log-btn { background: var(--brand-purple); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none; } #bsm-dash-v35 .header-log-btn:hover { box-shadow: none; } #bsm-dash-v35 .header-log-btn svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } #bsm-dash-v35 .header-checkin-btn { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text) !important; box-shadow: none; } #bsm-dash-v35 .header-checkin-btn:hover { background: var(--hover-bg); } #bsm-dash-v35 .header-checkin-btn.active { background: var(--checkin-active-bg); border-color: var(--checkin-active-border); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none; } #bsm-dash-v35 .header-checkin-btn svg { stroke: currentColor; fill: none; } #bsm-dash-v35 .header-checkin-btn .hcb-title { color: inherit !important; } #bsm-dash-v35 .header-checkin-btn .hcb-sub { color: inherit !important; } #bsm-dash-v35 .bsm-subnav { background: var(--bsm3-transparent); } #bsm-dash-v35 .bsm-subnav-inner { background: var(--bsm3-transparent); border: var(--bsm3-border-thin) solid var(--subnav-inner-border); box-shadow: none; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } #bsm-dash-v35 .tab-sep-line { background: var(--tab-sep); } #bsm-dash-v35 .bsm-tab { border: none; background: var(--bsm3-transparent); color: var(--diary-text) !important; } #bsm-dash-v35 .bsm-tab svg { stroke: currentColor; fill: none; } #bsm-dash-v35 .bsm-tab:hover { background: var(--tab-hover-bg); } #bsm-dash-v35 .bsm-tab.active { background: var(--tab-active-pill); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none; } #bsm-dash-v35 .bsm-tab.active svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-dash-v35 .bsm-tab.tab-diary { background: var(--diary-tab-bg); border: var(--bsm3-border-thin) solid var(--diary-tab-border); color: var(--brand-purple) !important; } #bsm-dash-v35 .bsm-tab.tab-diary svg { stroke: var(--brand-purple); } #bsm-dash-v35 .bsm-tab.tab-diary.active { background: var(--tab-active-pill); border-color: var(--bsm3-transparent); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-dash-v35 .bsm-tab.tab-diary.active svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-dash-v35 .bsm-tab.tab-plan { background: var(--diary-tab-bg); border: var(--bsm3-border-thin) solid var(--diary-tab-border); color: var(--brand-purple) !important; } #bsm-dash-v35 .bsm-tab.tab-plan svg { stroke: var(--brand-purple); } #bsm-dash-v35 .bsm-tab.tab-mini { background: var(--diary-tab-bg); border: var(--bsm3-border-thin) solid var(--diary-tab-border); color: var(--brand-purple) !important; } #bsm-dash-v35 .bsm-tab.tab-mini svg { stroke: var(--brand-purple); } #bsm-dash-v35 .bsm-tab-badge { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-dash-v35 .bsm-tab-panel { scrollbar-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) var(--bsm3-transparent); } #bsm-dash-v35 .bsm-tab-panel::-webkit-scrollbar-track { background: var(--bsm3-transparent); } #bsm-dash-v35 .bsm-tab-panel::-webkit-scrollbar-thumb { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-dash-v35 .bsm-tip-icon { border: var(--bsm3-border-default) solid var(--tip-icon-border); background: var(--tip-icon-bg); color: var(--tip-icon-text) !important; box-shadow: none; } #bsm-dash-v35 .bsm-tip-wrap:hover .bsm-tip-icon { background: var(--tip-icon-hover-bg); border-color: var(--tip-icon-hover-border); color: var(--tip-icon-hover-text) !important; } #bsm-body-tip { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); box-shadow: none; outline: var(--bsm3-border-default) solid var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-body-tip[data-theme="day"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); outline-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #bsm-dash-v35 .tab-intro { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #bsm-dash-v35 .tab-intro-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } #bsm-dash-v35 .stats-date-pill { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text) !important; } #bsm-dash-v35 .stats-date-pill.stale { border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .stats-date-pill.nodata { border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .stats-date-pill svg { stroke: currentColor; fill: none; } #bsm-dash-v35 .pill-update-link { text-decoration: underline; color: inherit !important; background: none; border: none; } #bsm-dash-v35 .donut-inner { background: var(--donut-core); } #bsm-dash-v35 .donut-stale { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .donut-stale svg { stroke: currentColor; fill: none; } #bsm-dash-v35 .stat-lbl { color: var(--diary-text) !important; } #bsm-dash-v35 .delta-badge.pos { background: var(--delta-pos-bg); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-dash-v35 .delta-badge.neg { background: var(--delta-neg-bg); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .stat-val { color: var(--diary-text) !important; } #bsm-dash-v35 .stat-sub { color: var(--stat-sub-color) !important; } #bsm-dash-v35 .se-band-badge.se-band-severe { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .se-band-badge.se-band-high { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .se-band-badge.se-band-elevated { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--brand-yellow) !important; } #bsm-dash-v35 .se-band-badge.se-band-low { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-dash-v35 .rec-amber { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-dash-v35 .rec-amber:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #bsm-dash-v35 .rec-amber .dot { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); box-shadow: none; } #bsm-dash-v35 .rec-amber .rec-arrow { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .rec-red { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-dash-v35 .rec-red:hover { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-dash-v35 .rec-red .dot { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); box-shadow: none; } #bsm-dash-v35 .rec-red .rec-arrow { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .rec-orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-dash-v35 .rec-orange:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #bsm-dash-v35 .rec-orange .dot { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); box-shadow: none; } #bsm-dash-v35 .rec-orange .rec-arrow { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .dot-green { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } #bsm-dash-v35 .dot-grey { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-dash-v35 .txt-grey { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } #bsm-dash-v35 .score-track { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #bsm-dash-v35 .card-slim-right svg { stroke: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); fill: none; } #bsm-dash-v35 .card-pending { border: var(--bsm3-border-thin) dashed var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } #bsm-dash-v35 .btn-pending { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--brand-purple) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-dash-v35 .prog-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } #bsm-dash-v35 .prog-track { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } .learn-page-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .learn-subtitle { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .learn-card { background: var(--card-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .card-hook { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .card-fact { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .card-explanation { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .card-tag { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .swipe-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .hint-line { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-app-root #spa-stage #bsm-spa-root { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --moon-filled: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --moon-empty: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); color: var(--diary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-spa-root { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --moon-filled: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --moon-empty: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-app-root #spa-stage #bsm-spa-root h1, #bsm-app-root #spa-stage #bsm-spa-root h2, #bsm-app-root #spa-stage #bsm-spa-root h3, #bsm-app-root #spa-stage #bsm-spa-root h4, #bsm-app-root #spa-stage #bsm-spa-root p, #bsm-app-root #spa-stage #bsm-spa-root span, #bsm-app-root #spa-stage #bsm-spa-root label, #bsm-app-root #spa-stage #bsm-spa-root strong { color: var(--diary-text) !important; border: none; outline: none; box-shadow: none; background-color: var(--bsm3-transparent); } .bsm-insomnia-page-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .bsm-btn-primary:hover { box-shadow: none !important; } .bsm-btn-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .bsm-insomnia-page-root .bsm-input { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; color: var(--diary-text) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .bsm-insomnia-page-root .bsm-panel-box, .bsm-insomnia-page-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } .bsm-insomnia-page-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .bsm-insomnia-page-root .bsm-progress-fill { background: linear-gradient(90deg, var(--brand-purple), var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } .bsm-moon-tab:hover { color: var(--diary-text) !important; } .bsm-moon-tab.active { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-moon-tab.locked:hover { color: var(--diary-text-muted) !important; } .bsm-moon-tab.active .bsm-moon-icon, .bsm-moon-tab.completed .bsm-moon-icon { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-week-card.active { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-week-card:hover { box-shadow: none !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-week-card.locked { background: var(--glass-bg) !important; } .bsm-week-card.locked:hover { box-shadow: none !important; border-color: var(--glass-border) !important; } .bsm-week-card.active .bsm-week-icon { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .bsm-week-card.completed .bsm-week-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .se-band-badge.se-band-severe { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .se-band-badge.se-band-high { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .se-band-badge.se-band-elevated { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--brand-yellow) !important; } .se-band-badge.se-band-low { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .bsm-tool-item:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .bsm-tool-item-icon svg { stroke: var(--diary-text-muted) !important; fill: none !important; } .bsm-tool-item:hover .bsm-tool-item-icon svg { stroke: var(--brand-purple) !important; } .bsm-tool-item:hover .bsm-tool-item-chevron { stroke: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-title { color: var(--diary-text) !important; border: none !important; border-bottom: none !important; text-decoration: none !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-subtitle { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-disorder-badge { border: var(--bsm3-border-default) solid var(--brand-purple) !important; color: var(--brand-purple) !important; background: var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-tab { background: var(--bsm3-transparent) !important; border: none !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-tab svg { stroke: currentColor !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-tab:hover { color: var(--diary-text) !important; background: var(--glass-bg) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-tab-active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-tab-active:hover { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-strategies-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-strategies-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-most-effective-pill { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-study-header-card { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-disclaimer { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; border-bottom: none !important; color: var(--brand-purple) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-spa-root .bsm-edu-disclaimer { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-score-block { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-score-caption { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-arch { border: var(--bsm3-border-thick) solid var(--glass-border) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-fill { border: var(--bsm3-border-thick) solid var(--brand-purple) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-fill.dial-low { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-fill.dial-moderate { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-dial-fill.dial-high { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-num { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-num.score-low { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-num.score-moderate { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-num.score-high { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-severity-tag { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-pip { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-pip.pip-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-pip.pip-moderate { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-pip.pip-high { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-caption { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-note { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flags-label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-row.bsm-flagged { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-check { border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-row.bsm-flagged .bsm-flag-check { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-name { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-val { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-dot { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-dot.filled-green { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-dot.filled-orange { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-dot.filled-red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-num { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-text { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-dot { border: var(--bsm3-border-default) solid var(--glass-border) !important; background: var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-dot.filled-green { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-dot.filled-yellow { background: var(--brand-yellow) !important; border-color: var(--brand-yellow) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-dot.filled-orange { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-dot.filled-red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-content-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-content-eyebrow { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-content-body { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-no-data { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-section-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-section-sub { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-icon-svg { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-icon-svg svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; fill: none !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-reveal-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-back-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-back-body { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-flip-back-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-purple .bsm-flip-front, #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-purple .bsm-flip-back { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-blue .bsm-flip-front, #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-blue .bsm-flip-back { background: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-teal .bsm-flip-front, #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-teal .bsm-flip-back { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-pattern .bsm-flip-front, #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-pattern .bsm-flip-back { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-pattern-b .bsm-flip-front, #bsm-app-root #spa-stage :is(#bsm-spa-root, #apnea-journey-wrap, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-card-pattern-b .bsm-flip-back { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-keypoints { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-keypoints-label { color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-keypoint-item { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-keypoint-dot { background: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-pro-support { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-pro-support-title { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-pro-support-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-act-banner { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-act-banner:hover { box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-act-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-act-sub { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-legal { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-ic-legal-text { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-next-pill { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--brand-purple) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-next-pill:hover { background: var(--brand-purple) !important; color: var(--diary-text) !important; } @keyframes bsmPulseGlow { } #bsm-app-root #spa-stage #bsm-spa-root .bsm-card-pulse { border-color: var(--brand-purple) !important; } .bsm-insomnia-page-root .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-insomnia-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-insomnia-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .u-background-var-glass-border-color-var-di { background: var(--glass-border); color: var(--diary-text); } .u-color-var-diary-text-muted-margin-bottom { color: var(--diary-text-muted); } .u-flex-1-background-var-inner-bg-border-1p { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } .u-color-var-diary-text-muted-font-size-14p { color: var(--diary-text-muted); } .u-margin-0-font-size-14px-color-var-diary { color: var(--diary-text-muted); } .u-margin-0-font-size-14px-color-var-brand { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .u-margin-top-32px-padding-top-24px-border { border-top: var(--bsm3-border-thin) solid var(--glass-border); } .u-margin-bottom-8px-font-size-14px-color-v { color: var(--diary-text); } .u-font-weight-800-font-size-16px-color-fff { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .u-font-size-22px-font-weight-800-color-fff { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .u-font-size-14px-color-var-diary-text-mute { color: var(--diary-text-muted); } .u-font-size-13px-color-rgba255-255-255-0-7 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .u-font-size-12px-color-var-diary-text-mute { color: var(--diary-text-muted); } .u-font-size-12px-color-rgba255-255-255-0-8 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .u-display-block-text-align-center-padding { color: var(--diary-text); } .u-display-block-font-size-0-76rem-color-va { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } .u-color-var-diary-text-muted-font-size-15p { color: var(--diary-text-muted); } .u-color-var-diary-text-muted-font-size-13p { color: var(--diary-text-muted); } .u-color-var-diary-text-muted-2 { color: var(--diary-text-muted); } .u-color-var-diary-text-fff { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } .u-color-var-brand-green-font-weight-bold-m { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .u-color-var-diary-text-muted-font-size-14p-2 { color: var(--diary-text-muted); } .u-background-var-inner-bg-border-1px-solid { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text-muted); } .u-background-var-inner-bg-border-1px-solid-2 { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } .learn-header h1 { color: var(--text-main) !important; } .learn-header p { color: var(--text-sub) !important; } .learn-wrapper .insight-card { background: var(--card-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .learn-wrapper .insight-card h3, .learn-wrapper .insight-card p, .learn-wrapper .insight-card span, .learn-wrapper .def-text { color: var(--card-text) !important; } .learn-wrapper .term-highlight { color: var(--card-text) !important; } .airway-visual { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .pipe { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .flow-arrow { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); } .blockage { background: var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); filter: blur(5px); } .visual-blocked .flow-arrow { background: var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); } .type-col { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .badge-osa { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .badge-csa { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .badge-mix { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-border: var(--bsm3-sleep-border-night); --inner-bg: var(--bsm3-sleep-inner-bg-night); --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); --brand-accent: var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-legs-wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --brand-accent: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); } #bsm-app-root #spa-stage #bsm-legs-wrapper h1, #bsm-app-root #spa-stage #bsm-legs-wrapper h2, #bsm-app-root #spa-stage #bsm-legs-wrapper h3, #bsm-app-root #spa-stage #bsm-legs-wrapper h4, #bsm-app-root #spa-stage #bsm-legs-wrapper p, #bsm-app-root #spa-stage #bsm-legs-wrapper label { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-title::after, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-title::before, #bsm-app-root #spa-stage #bsm-legs-wrapper h1::after, #bsm-app-root #spa-stage #bsm-legs-wrapper h1::before { background: none !important; border: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper h1, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-title { border-bottom: none !important; border: none !important; text-decoration: none !important; background-image: none !important; box-shadow: none !important; -webkit-text-decoration: none !important; outline: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-subtitle { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-disorder-badge { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-default) solid var(--brand-accent) !important; color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-tab { border: none !important; background: var(--bsm3-transparent) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-tab:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-tab.bsm-edu-tab-active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-next-pill { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--brand-purple) !important; color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-next-pill:hover { background: var(--brand-purple) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-strategies-icon { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-bar-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-bar-sub { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-most-effective-pill { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-study-header-card { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; border: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-study-header-card .bsm-hcard-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-study-header-card .bsm-hcard-sub { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-study-header-card .bsm-hcard-note { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-top: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-disclaimer { color: var(--diary-text-muted) !important; background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-heading { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-pill.green { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-pill.amber { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-pill.red { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-dot.green { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-dot.amber { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-dot.red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-signal-summary { color: var(--diary-text-muted) !important; border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-arch { border: var(--bsm3-border-thick) solid var(--glass-border) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-fill { border: var(--bsm3-border-thick) solid var(--brand-purple) !important; border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-fill.dial-low { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-fill.dial-moderate { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-dial-fill.dial-high { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-num { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-num.score-low { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-num.score-moderate { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-num.score-high { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-severity-tag { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pip { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pip.pip-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pip.pip-moderate { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pip.pip-high { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-caption { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-note { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flags-label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-focus-section-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-row.bsm-flagged { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-check { border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-row.bsm-flagged .bsm-flag-check { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-name { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-val { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-dot { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-dot.filled-low { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-dot.filled-moderate { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-dot.filled-high { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-no-data { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-dot.green { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-dot.amber { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-dot.red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-range-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-gp-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-gp-title { color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-gp-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-warning-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-warning-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-warning-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-summary-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-summary-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-summary-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-summary-btn { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--bsm3-transparent) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-shell { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-progress-label { color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-progress-track { background: var(--glass-bg) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-progress-fill { background: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-slide.cover, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-slide.done { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-bookend-eyebrow { color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-bookend-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-bookend-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-cta-btn { border: none !important; background: var(--brand-accent) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-cta-btn.ghost { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-nav-btn { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-nav-btn.primary { border: none !important; background: var(--brand-accent) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-nav-dot { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-course-nav-dot.active { background: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-daybuild-locked-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-daybuild-locked-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-daybuild-locked-body { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-hero { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-hero-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-hero-sub { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-btn { border: none !important; background: var(--brand-accent) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-btn.outline { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-btn.ghost { background: var(--bsm3-transparent) !important; border: none !important; color: var(--diary-text-muted) !important; text-decoration: underline !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-step-label { color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-step-label::after { background: var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-source-btn { background: var(--inner-bg) !important; border: var(--bsm3-border-default) solid var(--glass-border) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-source-btn.selected { border-color: var(--brand-accent) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-source-btn.selected .bsm-legs-dayplan-source-title::before { background: var(--brand-accent) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-source-sub { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-time-field label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-input { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot.disabled { box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-green { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-amber { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-teal { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-red { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-blue { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-mint { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-time { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-toggle { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; outline: none !important; border: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-toggle::before { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-toggle:checked { background: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-choice-btn { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-choice-btn:hover { border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-choice-btn.selected { background: var(--brand-accent) !important; border-color: var(--brand-accent) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; box-shadow: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-ferritin-box { border-top: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-inline-note { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-save-msg { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-group-label { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-item { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-item:last-child { border-bottom: none !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-time { color: var(--brand-accent) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-label { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-timeline-desc { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-green .bsm-flip-f, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-green .bsm-flip-b { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-teal .bsm-flip-f, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-teal .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-slate .bsm-flip-f, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-slate .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-back-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-back-text { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-back-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-back-tag { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-pat:nth-child(odd) .bsm-flip-f, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-pat:nth-child(odd) .bsm-flip-b { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-pat:nth-child(even) .bsm-flip-f, #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flip-pat:nth-child(even) .bsm-flip-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pat-icon-wrap { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-pat-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-legs-wrapper .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-legs-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-legs-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .bsm-legs-dayplan-step-label::after { background: var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)) !important; } .bsm-legs-dayplan-source-btn.selected { border-color: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .bsm-legs-dayplan-source-btn.selected .bsm-legs-dayplan-source-title::before { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } .bsm-legs-dayplan-time-field label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } .bsm-legs-dayplan-slot.disabled { box-shadow: none !important; } .bsm-legs-dayplan-slot-icon.badge-green { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } .bsm-legs-dayplan-slot-icon.badge-amber { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } .bsm-legs-dayplan-slot-icon.badge-teal { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-legs-dayplan-slot-icon.badge-red { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .bsm-legs-dayplan-slot-icon.badge-blue { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .bsm-legs-dayplan-slot-icon.badge-mint { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } .bsm-legs-dayplan-toggle::before { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .bsm-legs-dayplan-toggle:checked { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; } .bsm-legs-dayplan-choice-btn:hover { border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } .bsm-legs-dayplan-choice-btn.selected { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; border-color: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; box-shadow: none !important; } body { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .card { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: none; } .reassurance { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } textarea { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } textarea::placeholder { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .response { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .audio-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .night-interface { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .res-header h1 { color: var(--text-main) !important; } .res-intro { color: var(--text-sub) !important; border-left: var(--bsm3-border-thin) solid var(--text-sub); } .topic-title { color: var(--text-sub) !important; } .paper-card { background: var(--card-bg) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .paper-card:hover { box-shadow: none; border-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .journal-tag { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .paper-title { color: var(--card-text) !important; } .paper-summary { color: var(--card-text) !important; } .btn-source { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--text-sub) !important; color: var(--card-text) !important; } .btn-source:hover { background: var(--text-sub) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-transparent) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-night); --glass-bg-hover: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --glass-bg-active: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --glass-border: var(--bsm3-sleep-border-night); --glass-border-active: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); --glass-shadow: none; --brand-purple: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --diary-text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --diary-text-muted: var(--bsm3-sleep-text-muted-night); color: var(--diary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-title, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-label, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-title, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-subtitle, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-sub, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-back { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-glass-panel { background: var(--glass-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-date-badge { background: var(--glass-bg-active); border: var(--bsm3-border-thin) solid var(--glass-border-active); color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-cal-day { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--bsm3-transparent); color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-cal-day.logged { border-bottom: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-back { background: var(--bsm3-transparent); border: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-back:hover { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn { background: var(--glass-bg-hover); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn:hover { background: var(--glass-bg-active); border-color: var(--glass-border-active); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-primary { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-primary:hover { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-skip { background: var(--bsm3-transparent); border: none; color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-skip:hover { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-time-display { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-inline-time-btn { background: var(--glass-bg-active); border: var(--bsm3-border-thin) solid var(--glass-border-active); color: var(--diary-text) !important; box-shadow: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-inline-time-btn:hover { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-summary-stat { background: var(--glass-bg-active); border: var(--bsm3-border-thin) solid var(--glass-border-active); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-summary-val { color: var(--diary-text) !important; text-shadow: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-summary-label { color: var(--diary-text) !important; } #mst-global-modal.bsm-modal-overlay { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); backdrop-filter: blur(4px); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-modal-overlay { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-time-section-title { color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn { background: var(--glass-bg-hover); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-box { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-emoji-box { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); filter: grayscale(100%); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn:hover, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-box:hover, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-emoji-box:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; filter: grayscale(0%); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn.active, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-emoji-box.active, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-cal-day.active, #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; filter: grayscale(0%) !important; text-shadow: none !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active .bsm-chunk-title, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active .bsm-chunk-sub, #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active .bsm-chunk-title, #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-chunk-box.active .bsm-chunk-sub { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-primary, #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-btn-primary { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-btn-primary:hover, #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-btn-primary:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-textarea { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text) !important; outline: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-textarea:focus { border-color: var(--brand-purple); background: var(--glass-bg-hover); box-shadow: none; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-textarea::placeholder { color: var(--diary-text-muted) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-glass-alert { backdrop-filter: blur(8px); } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-success { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); color: var(--diary-text) !important; } #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-error { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--diary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-bg-hover: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --glass-bg-active: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --glass-border: var(--bsm3-sleep-border-day); --glass-border-active: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); --glass-shadow: none; } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-modal-content { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-time-section-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-grid-btn:not(.active), #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-chunk-box:not(.active), #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper .bsm-emoji-box:not(.active) { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #bsm-rules-page { --bg: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bg); } #bsm-rules-page h1, #bsm-rules-page h2, #bsm-rules-page h3, #bsm-rules-page h4, #bsm-rules-page p, #bsm-rules-page li, #bsm-rules-page span, #bsm-rules-page strong { color: var(--text) !important; border: none !important; border-bottom: none !important; text-decoration: none !important; background: none !important; } #bsm-rules-page .page-banner { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #bsm-rules-page .subtitle { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .status-drafted { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-rules-page .status-draft { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } #bsm-rules-page .cond-desc { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .rules-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .rules-list li strong { color: var(--text) !important; } #bsm-rules-page .example-label { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .timeline-card { background: var(--card-bg); border: var(--bsm3-border-thin) solid var(--border); } #bsm-rules-page .tl-chip { border: var(--bsm3-border-thin) solid var(--border); } #bsm-rules-page .tl-chip.active { border-color: var(--brand-purple); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #bsm-rules-page .tl-chip .chip-lbl { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .tl-head .tl-title { color: var(--brand-purple) !important; } #bsm-rules-page .tl-target { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .tl-rows::before { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-rules-page .tl-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #bsm-rules-page .tl-time { color: var(--brand-purple) !important; } #bsm-rules-page .tl-row-desc { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-rules-page .tl-row.flag .tl-icon { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-rules-page .tl-row.flag .tl-time { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-rules-page hr.section-div { border: none; border-top: var(--bsm3-border-thin) solid var(--border) !important; } #np-screen-builder { --teal-light: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --red-light: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); --text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --muted: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --bg: var(--bsm3-transparent); --glass-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-shadow: none; } .np-wrapper { background: var(--bg); color: var(--text); } .np-wrapper[data-theme="day"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .np-wrapper[data-theme="night"] { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage .np-wrapper { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-app-root #spa-stage .np-wrapper > .np-top-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-app-root #spa-stage .np-wrapper > *:not(.np-top-bar):not(.np-screen) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .np-top-bar { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } .np-brand h1 { color: var(--text); } .np-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--muted); border: var(--bsm3-border-thin) solid var(--glass-border); } .np-nav-btn.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } @media (min-width: 901px) { .np-palette { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } } .np-input { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); outline: none; color: var(--text); } .np-input::placeholder { color: var(--muted); } .np-zone-tab { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--muted); } .np-zone-tab.active { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .np-zone-tab.reactive-tab { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); background: var(--red-light); } .np-zone-tab.reactive-tab.active { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .np-zone-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thick) dashed var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-zone-container.drag-over, .np-zone.drag-over { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-zone.reactive-zone { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); background: var(--red-light); } .np-mini-item { background: var(--teal-light); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--text); } .np-mini-item.reactive-item { background: var(--red-light); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } .np-btn-view { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } .np-mini-item.reactive-item .np-btn-view { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .np-btn-del:hover { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } .np-save-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; box-shadow: none; } .np-save-btn:hover { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } .np-add-therapies-link { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } .np-add-therapies-link:hover { text-decoration: underline; } .np-simple-row { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .np-simple-row-left span { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .np-simple-row-right { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-simple-row:hover { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .np-palette-empty { color: var(--muted); } .np-modal-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(6px); } .np-modal-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; color: var(--text); } .np-unified-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } .np-unified-card:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } .np-plan-del { background: none; border: none; color: var(--muted); } .np-plan-del:hover { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } .np-list-badge { background: var(--teal-light); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .np-plan-match { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-plan-match:hover { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-plan-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-black-000000-use-on-bg-sleep); } .np-plan-open:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .np-canvas-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } .np-canvas-header { border-bottom: var(--bsm3-border-thin) solid var(--glass-border); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .np-canvas-close { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--text); } .np-canvas-close:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .np-canvas-body { background: var(--bsm3-transparent); color: var(--text); } .np-canvas-footer { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-top: var(--bsm3-border-thin) solid var(--glass-border); } .np-canvas-print-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .np-canvas-print-btn:hover { background: var(--teal-light); } .np-canvas-schedule-btn { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; box-shadow: none; } .np-canvas-schedule-btn:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } @media print { #np-canvas-overlay { border: none; box-shadow: none; } .np-canvas-body { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } } .mind-drawer-backdrop { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); } .mind-drawer-backdrop.invisible-bg { background-color: var(--bsm3-transparent) !important; } .mind-drawer-panel { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--text); box-shadow: none; border-left: var(--bsm3-border-thin) solid var(--glass-border); } .mind-drawer-close { border: none; background: none; color: var(--muted); } .u-color-4aa3a2 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .u-text-align-center-padding-40px-color-e07 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .u-color-var-teal { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .u-text-align-center-color-e07a5f-padding-2 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .u-font-size-12px-color-var-muted-font-styl { color: var(--muted); } .u-font-size-12px-color-64748b-font-style-i { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .u-display-inline-block-background-e6f2f2-c { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } #bsm-app-root #bsm-sw-wrapper, #bsm-sw-wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --hover-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); } #bsm-app-root[data-theme="day"] #bsm-sw-wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-sw-wrapper { color: var(--diary-text) !important; } #bsm-sw-wrapper h1, #bsm-sw-wrapper h2, #bsm-sw-wrapper h3, #bsm-sw-wrapper h4, #bsm-sw-wrapper p, #bsm-sw-wrapper span, #bsm-sw-wrapper label { color: var(--diary-text) !important; } .sw-header h1 { border-bottom: none !important; } .sw-tab-intro-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } .search-input::placeholder { color: var(--diary-text) !important; } .filter-btn:hover { box-shadow: none; } .sw-tile { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .sw-tile:hover { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--inner-bg) !important; } .sw-tile-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } .sw-tile-icon svg { stroke: var(--brand-purple); fill: none; } .sw-back-to-menu { color: var(--diary-text-muted) !important; } .sw-back-to-menu:hover { color: var(--brand-purple) !important; } .sw-back-to-menu svg { stroke: currentColor; fill: none; } .content-card:hover { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } .card-tag { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); color: var(--brand-purple) !important; } .card-tag.tag-cyan { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .card-tag.tag-green { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .card-tag.tag-amber { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .card-tag.tag-blue { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .scene-poster.cabin { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .scene-poster.beach { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .scene-poster::after { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } .scene-poster-label span { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none; } #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .control-btn:hover { background: var(--hover-bg, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)) !important; } .control-btn.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple); } input[type="range"] { background: var(--inner-bg); outline: none; } input[type="range"]::-webkit-slider-thumb { background: var(--brand-purple); } .sw-tool-item:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } .sw-tool-item-icon svg { stroke: var(--diary-text-muted); fill: none; } .sw-tool-item:hover .sw-tool-item-icon svg { stroke: var(--brand-purple); } .sw-tool-item:hover .sw-tool-item-chevron { stroke: var(--brand-purple); } .sym-header h1 { color: var(--text-main) !important; } .sym-subheading { color: var(--text-sub) !important; } .sym-intro-text { color: var(--text-main) !important; border-left: var(--bsm3-border-thin) solid var(--text-sub); } .sym-reassurance { color: var(--icon-tools, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } .section-title-sm { color: var(--text-sub) !important; } .night-item { color: var(--text-main) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .night-icon { color: var(--text-sub); } .zone-card { background: var(--card-bg) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .zone-card:hover { border-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .zone-title { color: var(--card-text) !important; } .zone-sub { color: var(--card-text) !important; } .zone-item { color: var(--card-text) !important; } .zone-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .adrenaline-block { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .adren-title { color: var(--text-main) !important; } .adren-text { color: var(--text-main) !important; } .highlight-text { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .risk-item { color: var(--text-sub) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .dot { background: var(--text-sub); } .cta-container { background: var(--card-bg); } .cta-container::before { background: linear-gradient(90deg, var(--text-sub), var(--bsm3-transparent)); } .cta-title { color: var(--card-text) !important; } .cta-desc { color: var(--card-text) !important; } .btn-premium { background: var(--text-sub) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .btn-premium:hover { background: var(--text-main) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-app-root .insight-card { background: var(--card-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--card-text, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; box-shadow: none !important; } #bsm-app-root h1 { color: var(--text-main) !important; } #bsm-app-root .verify-sub { color: var(--text-sub) !important; } #bsm-app-root .verify-framing { color: var(--text-main) !important; border-left: var(--bsm3-border-default) solid var(--text-sub); } #sp-verify-root #bsm-app-root h2 { color: var(--text-sub) !important; } .signal-icon-min { stroke: var(--text-sub); fill: none; } .signal-text-min h4 { color: var(--text-main) !important; } .signal-text-min p { color: var(--text-main) !important; } .split-item { color: var(--card-text); } .check-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .relevance-warning { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-left: var(--bsm3-border-thick) solid var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); } details summary { color: var(--text-sub) !important; } .tech-table th { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--card-text); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .tech-table td { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--card-text) !important; } .tech-label { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .card-gold { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } .gold-badge { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .level-label { color: var(--text-sub) !important; } .btn-card { border: var(--bsm3-border-thin) solid var(--text-sub); background: var(--bsm3-transparent); color: var(--card-text); } .btn-card:hover { background: var(--text-sub); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .btn-gold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } .btn-gold:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .wave-bar { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root .star, #bsm-app-root [class*="star"] { box-shadow: 0 0 10px 2px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .cta-button:hover { box-shadow: none; filter: brightness(1.1); } .ghost-button:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--text-main); color: var(--text-main) !important; } .modal-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } .modal-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .close-btn { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .skip-btn:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } :root { --teal-light: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --red-light: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } .mtd-wrap .mtd-intro { color: var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--teal-light); border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .mtd-wrap .mtd-intro strong { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .mtd-panel-tab-btn.active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } .mtd-search-input:focus { outline: none; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .mtd-tag-badge, .mtd-btn { border: none; } .capacity-wrapper { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .cap-header { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .cap-bar-bg { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } .cap-bar-fill { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .mtd-dropdown-toggle:hover, .mtd-dropdown-toggle:focus { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); outline: none; } .mtd-dropdown-toggle .mtd-chevron { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .mtd-dropdown-item:hover { background: var(--teal-light); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .mtd-dropdown-item.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-plan-media-btn:hover { text-decoration: underline; } .u-text-align-center-color-b3402a-padding-4 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .u-color-b3402a { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .u-color-3a8281 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #np-screen-builder { --teal-light: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --red-light: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); --text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --muted: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --bg: var(--bsm3-transparent); --glass-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-shadow: none; } .np-top-bar { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } .np-brand h1 { color: var(--text); } .np-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--muted); border: var(--bsm3-border-thin) solid var(--glass-border); } .np-nav-btn.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } .np-top-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } .np-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--muted); border: none; } .np-nav-btn.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-portal-root #bsm-app-root { --bg-main: var(--bsm3-color-black-000000-use-on-bg-sleep); --text-main: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --text-sub: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-text: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --star-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-black-000000-use-on-bg-sleep); background-image: var(--bg-main); } #bsm-portal-root #bsm-app-root .tool-btn svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-portal-root .global-nav-bar { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); backdrop-filter: blur(15px); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-portal-root .nav-row-2 { border-top: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-portal-root .nav-support-btn:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } #bsm-portal-root .nav-support-btn svg { stroke: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); fill: none; } #bsm-portal-root .theme-btn.active { background: var(--card-bg); color: var(--card-text); box-shadow: none; } #bsm-portal-root .star-core::before { background: linear-gradient(90deg, var(--bsm3-transparent) 0%, var(--star-color) 50%, var(--bsm3-transparent) 100%); } #bsm-portal-root .star-core::after { background: linear-gradient(0deg, var(--bsm3-transparent) 0%, var(--star-color) 50%, var(--bsm3-transparent) 100%); } #bsm-portal-root .star-medium .star-core { box-shadow: 0 0 5px 1px var(--star-color); } #bsm-portal-root .star-small .star-core { box-shadow: 0 0 4px 1px var(--star-color); } #bsm-portal-root #bsm-app-root[data-theme="night"] .bsm-btn-primary { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] { --bg-main: none; --text-main: var(--bsm3-color-black-000000-use-on-bg-sleep); --text-sub: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --card-bg: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-text: var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; background-image: none !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] .moon-fixed { background-color: var(--bsm3-transparent); background-image: radial-gradient(circle at center, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 35%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 75%, var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) 100%); box-shadow: 0 0 40px 10px var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background), 0 0 90px 30px var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #bsm-portal-root #bsm-app-root[data-theme="day"] .global-nav-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); backdrop-filter: blur(20px); } #bsm-portal-root #bsm-app-root[data-theme="day"] .theme-btn { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-portal-root #bsm-app-root[data-theme="day"] .theme-btn.active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } #bsm-portal-root .cloud { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); filter: blur(8px); } #bsm-portal-root .cloud::before, #bsm-portal-root .cloud::after { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="panel"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="item"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="widget"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="btn"], #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[style*="background"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage h1, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage h2, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage h3, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage h4, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage p, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage strong { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; text-shadow: none !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"] p, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"] p, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="panel"] p { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="card"] *, #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage div[class*="box"] * { text-shadow: none !important; } #bsm-portal-root #bsm-app-root[data-theme="day"] #spa-stage svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-portal-root #bsm-tutorial-overlay { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } #bsm-portal-root .bsm-tutorial-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } #bsm-portal-root .bsm-tutorial-card h2 { color: var(--card-text); } #bsm-portal-root .bsm-tutorial-card p { color: var(--card-text); } #bsm-portal-root .bsm-tutorial-dots span { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } #bsm-portal-root .bsm-tutorial-dots span.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #apnea-journey-wrap #bsm-edit-profile-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #apnea-journey-wrap #bsm-edit-profile-modal { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-header { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-eyebrow { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-title { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-close { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-close:hover { background: var(--inner-bg, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-section-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-label { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-label span { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); outline: none; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap #bsm-edit-profile-modal input[type="number"].bsm-epm-input { background: var(--inner-bg, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #apnea-journey-wrap #bsm-edit-profile-modal input[type="number"].bsm-epm-input:focus { outline: none; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-bmi-strip { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-bmi-strip .bsm-epm-bmi-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-bmi-strip .bsm-epm-bmi-val { color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-footer { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-status { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-save { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-cancel { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; background: none; border: none; text-decoration: underline; } #apnea-journey-wrap #bsm-edit-profile-modal .bsm-epm-cancel:hover { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #apnea-journey-wrap #bsm-results-info-modal { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-header { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-eyebrow { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-title { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-close { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-close:hover { background: var(--inner-bg, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-icon { background: var(--amber-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-callout-hdr h3 { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-callout-hdr p { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-compare-item { background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); border-left-width: var(--bsm3-border-thick); } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-compare-item.type-osa { border-left-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-compare-item.type-central { border-left-color: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-compare-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-compare-item p { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-overlap-label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-kp-item { background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #apnea-journey-wrap #bsm-results-info-modal .bsm-rim-kp-dot { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-transparent); } #apnea-journey-wrap #apnea-journey-wrap .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #apnea-journey-wrap .bsm-flag-row { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--bsm3-transparent); } #apnea-journey-wrap #apnea-journey-wrap .bsm-types-panel-intro { border-bottom: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap #apnea-journey-wrap .bsm-types-panel { background: var(--glass-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #apnea-journey-wrap #apnea-journey-wrap .bsm-types-col.type-osa { box-shadow: none; } #apnea-journey-wrap #apnea-journey-wrap .bsm-types-ohs-row { border-top: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #apnea-journey-wrap #apnea-journey-wrap .bsm-types-col h3 { color: var(--diary-text) !important; } #apnea-journey-wrap #apnea-journey-wrap .bsm-strat-card { border: var(--bsm3-border-thin) solid var(--bsm3-transparent); } #apnea-journey-wrap #apnea-journey-wrap .bsm-strat-card.strat-clinical { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-commit-item { border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #apnea-journey-wrap .bsm-commit-item:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-commit-item:has(.bsm-commit-cb:checked) { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); } #apnea-journey-wrap .bsm-commit-box { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); background: var(--bsm3-transparent); } #apnea-journey-wrap .bsm-commit-item:has(.bsm-commit-cb:checked) .bsm-commit-box { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #apnea-journey-wrap .bsm-commit-item:has(.bsm-commit-cb:checked) .bsm-commit-box::after { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-top: none; border-left: none; } #apnea-journey-wrap .bsm-commit-item-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-commit-item-sub { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-modal-f, #apnea-journey-wrap .bsm-quiz-modal-b { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #apnea-journey-wrap .bsm-quiz-modal-q { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-modal-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-modal-verdict { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-modal-explain { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-nav-btn { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-nav-btn:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-next-btn { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .bsm-quiz-next-btn:hover { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #apnea-journey-wrap .bsm-quiz-counter { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #apnea-journey-wrap .u-font-size-22px-font-weight-800-color-var { color: var(--diary-text); } #apnea-journey-wrap .u-font-size-13px-color-var-diary-text-mute { color: var(--diary-text-muted); } #bsm-pers-root #bsm-pers-root .bsm-pers-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-pers-root .bsm-pers-focus-item:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #bsm-module-0-wrapper .bsm-pill.unlocked { color: var(--diary-text) !important; background: var(--inner-bg) !important; } #bsm-module-0-wrapper .bsm-pill.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } #bsm-module-0-wrapper .bsm-pill.completed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--diary-text) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-module-0-wrapper #bsm-module-0-wrapper .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #bsm-module-0-wrapper .bsm-check-list-item svg, #bsm-module-0-wrapper .bsm-check-list-item span:first-child { color: var(--brand-purple) !important; } #bsm-module-0-wrapper .bsm-btn-red:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-module-0-wrapper .bsm-btn-green:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-module-0-wrapper .bsm-dot.active { background: var(--brand-purple) !important; } #bsm-module-0-wrapper .bsm-textarea-field:focus { border-color: var(--brand-purple) !important; } #bsm-module-0-wrapper #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-module-0-wrapper #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-module-0-wrapper #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-module-0-wrapper #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-module-0-wrapper #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-module-0-wrapper #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-module-0-wrapper #bsm-module-0-wrapper .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-module-0-wrapper .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-module-0-wrapper .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-module-0-wrapper #bsm-mod0-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-module-0-wrapper #bsm-mod0-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-module-0-wrapper .u-color-var-brand-green-margin-left-4px { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-module-0-wrapper .u-width-40px-height-40px-background-rgba12 { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day1-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day1-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day1-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day1-root .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day1-root .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day1-root .bsm-reveal-action-btn:hover { box-shadow: none !important; } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-week1-day1-root .bsm-option.selected .bsm-option-circle { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day1-root .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day1-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day1-root .bsm-option.correct .bsm-option-circle { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day1-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day1-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day1-root #bsm-week1-day1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day1-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day1-root .u-font-weight-800-font-size-18px-color-var { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day2-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #bsm-week1-day2-root .bsm-icon-yellow svg { fill: var(--brand-yellow) !important; } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day2-root .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root .bsm-dash-btn-mock svg { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; fill: none !important; } #bsm-week1-day2-root .bsm-diary-pill.mock-active { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-insight-box svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-metric-header svg { fill: none !important; stroke: currentColor !important; } #bsm-week1-day2-root .bsm-metric-1 .bsm-metric-header { color: var(--brand-purple) !important; } #bsm-week1-day2-root .bsm-metric-2 .bsm-metric-header { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day2-root .bsm-metric-3 .bsm-metric-header { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root .bsm-metric-4 .bsm-metric-header { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day2-root .bsm-check-item:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day2-root .bsm-check-item.checked { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day2-root .bsm-check-item.checked .bsm-checkbox { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root .bsm-checkbox svg { fill: none !important; stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day2-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day2-root #bsm-week1-day2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day2-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day2-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-week1-day2-root .u-font-weight-800-font-size-18px-color-var { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day3-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day3-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day3-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day3-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day3-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day3-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day3-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day3-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day3-root .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day3-root .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day3-root .bsm-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-week1-day3-root .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day3-root .bsm-option.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day3-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root #bsm-week1-day3-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day3-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day3-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-diary-banner { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-insight-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day4-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day4-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day4-root .bsm-flip-scene:hover .bsm-flip-front { background: var(--glass-bg) !important; border-color: var(--diary-text-muted) !important; } #bsm-week1-day4-root .bsm-flip-front-hint svg { fill: currentColor !important; } #bsm-week1-day4-root .bsm-flip-back.border-blue { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root .bsm-flip-back.border-orange { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day4-root .bsm-flip-back.border-red { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-flip-back-title svg { fill: none !important; stroke: currentColor !important; } #bsm-week1-day4-root .bsm-border-blue .bsm-flip-back-title { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root .bsm-border-orange .bsm-flip-back-title { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day4-root .bsm-border-red .bsm-flip-back-title { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-border-blue .bsm-flip-example-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root .bsm-border-orange .bsm-flip-example-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-border-red .bsm-flip-example-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day4-root .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day4-root .bsm-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-sort-row.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-sort-row.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-sort-btn:hover:not(.disabled) { border-color: var(--diary-text-muted) !important; background: var(--glass-bg) !important; } #bsm-week1-day4-root .bsm-sort-btn.selected[data-type="predisposing"] { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root .bsm-sort-btn.selected[data-type="precipitating"] { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-sort-btn.selected[data-type="perpetuating"] { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-week1-day4-root .bsm-sort-feedback strong[data-type="predisposing"] { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day4-root .bsm-sort-feedback strong[data-type="precipitating"] { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day4-root .bsm-sort-feedback strong[data-type="perpetuating"] { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-alert-list span { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-alert-list span::before { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day4-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day4-root #bsm-week1-day4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day4-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day4-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day5-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day5-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day5-root .bsm-icon-yellow svg { fill: var(--brand-yellow) !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day5-root .bsm-compare-row.completed { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day5-root .bsm-compare-cbti .bsm-compare-icon-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day5-root .bsm-compare-meds .bsm-compare-icon-label { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day5-root .bsm-compare-icon-label svg { fill: none !important; stroke: currentColor !important; } #bsm-week1-day5-root .bsm-compare-reveal-bar:hover { background: var(--inner-bg) !important; } #bsm-week1-day5-root .bsm-compare-reveal-bar svg { fill: currentColor !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-week1-day5-root .bsm-option.selected .bsm-option-circle { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day5-root .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day5-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day5-root .bsm-option.correct .bsm-option-circle { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day5-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day5-root .bsm-alert-warning strong { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-btn-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-week1-day5-root #bsm-week1-day5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day5-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } @keyframes sp-bsm-week1-day5-root-bsmPulseBtn { 0% { transform: scale(0.98); box-shadow: none; } 50% { transform: scale(1); box-shadow: none; } 100% { transform: scale(0.98); box-shadow: none; } } #bsm-week1-day5-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-week1-day5-root .u-font-weight-800-font-size-18px-color-var { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day6-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-week1-day6-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day6-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #bsm-week1-day6-root .bsm-icon-yellow svg { fill: var(--brand-yellow) !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-week1-day6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-week1-day6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-week1-day6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-week1-day6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-week1-day6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-badge { background: var(--inner-bg) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day6-root .bsm-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-week1-day6-root .bsm-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day6-root .bsm-reveal-action-btn:hover { box-shadow: none !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-scenario-box { border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--glass-bg) !important; } #bsm-week1-day6-root .bsm-option:hover:not(.locked) { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day6-root .bsm-option.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--glass-bg) !important; } #bsm-week1-day6-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day6-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day6-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day6-root #bsm-week1-day6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day6-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day6-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #bsm-week1-day6-root .u-font-weight-800-font-size-18px-color-var { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #bsm-week1-day7-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day7-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #bsm-week1-day7-root .bsm-page-dot:hover { background: var(--glass-bg) !important; } #bsm-week1-day7-root .bsm-page-dot.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; } #bsm-week1-day7-root .bsm-option.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #bsm-week1-day7-root .bsm-option.selected .bsm-option-circle { border-color: var(--brand-purple) !important; background: var(--brand-purple) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-carousel-footer { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-week1-day7-root .bsm-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-week1-day7-root .bsm-review-card.is-correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day7-root .bsm-review-card.is-incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day7-root .is-correct .bsm-review-icon { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-week1-day7-root .is-incorrect .bsm-review-icon { fill: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day7-root .bsm-review-user-ans.wrong { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-week1-day7-root #bsm-week1-day7-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-week1-day7-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d1-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d1-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d1-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d1-root .w2d1-zone.is-active { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d1-root .w2d1-match-item:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d1-root .w2d1-match-item.is-selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w2-d1-root .w2d1-match-item.is-placed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d1-root .w2d1-match-item.is-incorrect-placement { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-option { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #cbti-w2-d1-root .bsm-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d1-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d1-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d1-root .w2d1-barrier-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d1-root .w2d1-barrier-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d1-root #cbti-w2-d1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d1-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d1-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d1-root .u-line-height-1-5-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w2-d1-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d2-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d2-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d2-root .w2d2-flip-back.is-myth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } #cbti-w2-d2-root .w2d2-flip-back.is-truth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d2-root .w2d2-status-text.is-myth { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d2-root .w2d2-status-text.is-truth { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d2-root .w2d2-zone-title.is-myth { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d2-root .w2d2-zone-title.is-truth { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d2-root .w2d2-match-btn:hover { background: var(--inner-bg) !important; } #cbti-w2-d2-root .w2d2-match-btn.is-selected-myth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d2-root .w2d2-match-btn.is-selected-truth { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d2-root .w2d2-match-btn.is-incorrect-pick { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w2-d2-root .w2d2-selection-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d2-root .w2d2-selection-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d2-root .w2d2-diary-subcard .w2d2-context-box { background: var(--glass-bg) !important; } #cbti-w2-d2-root .w2d2-diary-btn:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d2-root .w2d2-diary-response a, #cbti-w2-d2-root .w2d2-diary-link { color: var(--brand-purple) !important; text-decoration: underline !important; } #cbti-w2-d2-root .w2d2-chrono-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d2-root .w2d2-chrono-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d2-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d2-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d2-root .u-line-height-1-5-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w2-d2-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d3-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d3-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d3-root .w2d3-reframe-box strong { color: var(--diary-text) !important; } #cbti-w2-d3-root .w2d3-safety-box strong { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d3-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d3-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d3-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d3-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d3-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d3-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d3-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d3-root .w2d3-chain-step.is-active { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d3-root .w2d3-chain-step.is-revealed { border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d3-root .w2d3-chain-step.is-active .w2d3-chain-num, #cbti-w2-d3-root .w2d3-chain-step.is-revealed .w2d3-chain-num { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d3-root .w2d3-qc-btn.myth:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d3-root .w2d3-qc-btn.truth:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d3-root .w2d3-qc-btn.is-correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d3-root .w2d3-qc-btn.is-wrong { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d3-root .w2d3-barrier-card:hover { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w2-d3-root .w2d3-barrier-card.is-selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w2-d3-root .w2d3-plan-prompt:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d3-root .w2d3-plan-prompt.is-selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w2-d3-root .w2d3-plan-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } #cbti-w2-d3-root .w2d3-plan-textarea::placeholder { color: var(--diary-text-muted) !important; } #cbti-w2-d3-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d3-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d3-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d3-root .u-line-height-1-5-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w2-d3-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d4-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d4-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d4-root .w2d4-checkin-btn:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d4-root .w2d4-checkin-btn.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d4-root .w2d4-thought-box:hover { background: var(--glass-bg) !important; } #cbti-w2-d4-root .w2d4-dot.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d4-root .w2d4-nav-btn:hover:not(.locked) { background: var(--inner-bg) !important; } #cbti-w2-d4-root .w2d4-act-example:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d4-root .w2d4-act-example.is-open { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d4-root .w2d4-act-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } #cbti-w2-d4-root .w2d4-act-textarea::placeholder { color: var(--diary-text-muted) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-blue { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-blue:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-purple { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-purple:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w2-d4-root .w2d4-quiz-btn.tint-orange:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d4-root .w2d4-quiz-feedback.is-correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d4-root .w2d4-quiz-feedback.is-incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d4-root .w2d4-pick-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d4-root .w2d4-pick-card.selected { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; box-shadow: none !important; } #cbti-w2-d4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d4-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d4-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d4-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d5-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d5-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d5-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d5-root .w2d5-action-btn.btn-avoid { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d5-root .w2d5-action-btn.btn-avoid:hover:not(.locked) { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w2-d5-root .w2d5-action-btn.btn-do { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d5-root .w2d5-action-btn.btn-do:hover:not(.locked) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root .w2d5-action-btn.is-correct-avoid { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w2-d5-root .w2d5-action-btn.is-correct-do { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root .w2d5-action-btn.locked { filter: grayscale(100%) !important; } #cbti-w2-d5-root .w2d5-action-btn.is-incorrect-pick { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; text-decoration: line-through !important; } #cbti-w2-d5-root .w2d5-pb-chip:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d5-root .w2d5-pb-chip.is-selected { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w2-d5-root .w2d5-pb-mini-textarea:focus { outline: none !important; border-color: var(--brand-purple) !important; } #cbti-w2-d5-root .w2d5-pb-mini-textarea::placeholder { color: var(--diary-text-muted) !important; } #cbti-w2-d5-root .w2d5-pb-commit-single:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d5-root .w2d5-pb-commit-single.is-committed { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d5-root #cbti-w2-d5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d5-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d5-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d5-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d6-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d6-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d6-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d6-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w2-d6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w2-d6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w2-d6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w2-d6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w2-d6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w2-d6-root .w2d6-bsm-front:hover { border-color: var(--brand-purple) !important; } #cbti-w2-d6-root .w2d6-bsm-link-btn:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w2-d6-root .w2d6-bit-card:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d6-root .w2d6-bit-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } #cbti-w2-d6-root .w2d6-dot.explored { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d6-root .w2d6-dot.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d6-root .w2d6-nav-btn:hover:not(.locked) { background: var(--inner-bg) !important; } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d6-root #cbti-w2-d6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d6-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d6-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-d6-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w2-d6-root .u-color-var-brand-green { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-d7-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d7-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d7-root .bsm-icon-cyan svg { fill: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d7-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .w2d7-num-circle { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w2-d7-root .w2d7-num-circle.purple { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #cbti-w2-d7-root .w2d7-num-circle.orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .w2d7-quiz-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .bsm-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w2-d7-root .bsm-option.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w2-d7-root .bsm-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root .bsm-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .w2d7-reflection-row { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-d7-root .w2d7-reflection-row:last-child { border-bottom: none !important; } #cbti-w2-d7-root .w2d7-scale-btn:hover { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root .w2d7-scale-btn.selected { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root .w2d7-btn-orange.locked { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w2-d7-root #cbti-w2-d7-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w2-d7-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-d7-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d1-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d1-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w3-d1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w3-d1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w3-d1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w3-d1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w3-d1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d1-root .w3d1-acc-row:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d1-root .w3d1-acc-row.is-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d1-root .w3d1-acc-row.is-open .w3d1-acc-icon { color: var(--brand-purple) !important; } #cbti-w3-d1-root .w3d1-acc-row.is-open .w3d1-acc-header { color: var(--brand-purple) !important; } #cbti-w3-d1-root .w3d1-slider::-webkit-slider-thumb { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; box-shadow: none !important; } #cbti-w3-d1-root .w3d1-hunger-btn:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d1-root .w3d1-groggy-indicator.is-safe { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d1-root .w3d1-groggy-indicator.is-danger { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w3-d1-root .w3d1-energizer-card:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d1-root .w3d1-energizer-card.selected { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w3-d1-root .w3d1-btn-commit:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w3-d1-root .w3d1-btn-commit.is-locked { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d1-root #cbti-w3-d1-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d1-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d1-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d1-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d1-root .u-color-var-brand-green { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #cbti-w3-d2-root #cbti-w3-d2-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-d2-root #cbti-w3-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d2-root #cbti-w3-d2-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d2-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d2-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w3-d2-root #cbti-w3-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d2-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w3-d2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w3-d2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w3-d2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w3-d2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w3-d2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d2-root .w3d2-cw-check-item:hover { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w3-d2-root .w3d2-cw-check-item.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d2-root .w3d2-cw-check-item.selected .w3d2-cw-check-circle { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d2-root .w3d2-cascade-trigger:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d2-root .w3d2-cascade-step.revealed .w3d2-cascade-trigger { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w3-d2-root .w3d2-path-item::before { color: var(--brand-purple) !important; } #cbti-w3-d2-root .w3d2-stack-btn:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d2-root .w3d2-stack-btn.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } #cbti-w3-d2-root .w3d2-option-card:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d2-root .w3d2-option-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } #cbti-w3-d2-root #cbti-w3-d2-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d2-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d2-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d2-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d2-root .u-background-rgba168-85-247-0-15-color-var { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #bsm-w3d3-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-w3d3-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-w3d3-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-w3d3-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-w3d3-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-w3d3-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-w3d3-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d4-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w3-d4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w3-d4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w3-d4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w3-d4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w3-d4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d4-root .w3d4-acc-row:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-acc-row.is-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-acc-row.is-open .w3d4-acc-icon { color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-acc-row.is-open .w3d4-acc-header { color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-hygiene-item:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-hygiene-item.is-open { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d4-root .w3d4-zone-active.is-active { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d4-root .w3d4-zone-passive.is-active { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w3-d4-root .w3d4-zone-title.is-active { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d4-root .w3d4-zone-title.is-passive { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d4-root .w3d4-match-row:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-match-row.is-selected { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-match-row.is-placed-active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d4-root .w3d4-match-row.is-placed-passive { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d4-root .w3d4-option-btn:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-option-btn.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w3-d4-root .w3d4-where-card:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d4-root .w3d4-where-card.selected { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-feedback-correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w3-d4-root #cbti-w3-d4-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d4-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d4-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d4-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d4-root .u-background-rgba59-130-246-0-15-color-var { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d5-root #cbti-w3-d5-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-d5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-d5-root #cbti-w3-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-d5-root #cbti-w3-d5-root .bsm-icon-circle-small { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d5-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d5-root #cbti-w3-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-d5-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w3-d5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w3-d5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w3-d5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w3-d5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w3-d5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d5-root .w3d5-toggle-btn.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d5-root .w3d5-switch-stage.is-dim .w3d5-toggle-pill { background: var(--brand-purple) !important; } #cbti-w3-d5-root .w3d5-zone-systemic.is-active { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w3-d5-root .w3d5-zone-habitual.is-active { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d5-root .w3d5-zone-title.is-systemic { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d5-root .w3d5-zone-title.is-habitual { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d5-root .w3d5-match-row:hover { border-color: var(--brand-purple) !important; } #cbti-w3-d5-root .w3d5-match-row.is-selected { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d5-root .w3d5-match-row.is-placed-systemic { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d5-root .w3d5-match-row.is-placed-habitual { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d5-root .w3d5-stack-btn:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w3-d5-root .w3d5-stack-btn.selected { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } #cbti-w3-d5-root .w3d5-shift-worker-box:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d5-root .w3d5-shift-worker-box.checked { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d5-root .w3d5-shift-worker-box.checked .w3d5-checkbox-box { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d5-root .w3d5-bullet-item::before { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d5-root #cbti-w3-d5-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d5-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d5-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d5-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d5-root .u-background-rgba168-85-247-0-15-color-var { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #cbti-w3-d5-root .u-background-rgba59-130-246-0-15-color-var { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-d6-root .bsm-icon-orange svg { fill: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d6-root .bsm-play-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w3-d6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w3-d6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w3-d6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w3-d6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w3-d6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w3-d6-root .w3d6-check-row:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--glass-bg) !important; } #cbti-w3-d6-root .w3d6-check-row.is-checked { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; box-shadow: none !important; } #cbti-w3-d6-root .w3d6-check-row.locked-commit { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d6-root .w3d6-check-row.locked-commit .w3d6-checkbox { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d6-root .w3d6-check-row.is-checked .w3d6-checkbox { background: var(--brand-purple) !important; border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d6-root .w3d6-bullet-item::before { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d6-root .w3d6-quiz-row:last-child { border-bottom: none !important; } #cbti-w3-d6-root .w3d6-eff-msg.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d6-root .w3d6-eff-msg.is-hold { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w3-d6-root .w3d6-eff-msg.is-nodata { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w3-d6-root .bsm-success-block { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w3-d6-root .bsm-success-icon svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-d6-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-d6-root .u-line-height-1-5-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w3-d6-root .u-position-absolute-bottom-16px-left-0-wid { color: var(--diary-text-muted); } #cbti-w3-d6-root .u-background-rgba168-85-247-0-15-color-var { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } #cbti-w3-d6-root .u-background-rgba59-130-246-0-15-color-var { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d1-root #cbti-w4-d1-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d1-root #cbti-w4-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d1-root #cbti-w4-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d1-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w4-d1-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d1-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d1-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d1-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d1-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d1-root #cbti-w4-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-d1-root .bsm-text-input:focus { border-color: var(--brand-purple) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-sleep { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-aware { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--brand-pink) !important; border-color: var(--brand-pink) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-plan { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-emo { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-hyper { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w4-d1-root .bsm-tag.active.tag-other { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d1-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d1-root .u-color-var-cat-color { color: var(--diary-text) !important !important; } #cbti-w4-d1-root .u-margin-bottom-0-color-var-cat-color { color: var(--diary-text) !important !important; } #cbti-w4-d2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d2-root #cbti-w4-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d2-root #cbti-w4-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d2-root #cbti-w4-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d2-root .bsm-cycle-step.highlight { border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w4-d2-root #cbti-w4-d2-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d2-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w4-d2-root .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d2-root #cbti-w4-d2-root .bsm-insight-box { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d2-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d2-root .bsm-input-field:focus { border-color: var(--brand-purple) !important; } #cbti-w4-d2-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d3-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d3-root .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d3-root .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w4-d3-root .w4d3-diary-link:hover { text-decoration: underline !important; } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d3-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w4-d3-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d3-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d3-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d3-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d3-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d3-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d3-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d3-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d3-root #cbti-w4-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d3-root .bsm-btn-suite:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w4-d3-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d3-root .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w4-d3-root .bsm-relax-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d3-root .bsm-relax-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-timer-circle.state-tense { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d3-root .bsm-timer-circle.state-relax { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w4-d3-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d3-root .u-font-size-14px-padding-10px-0-border-top { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d4-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w4-d4-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d4-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d4-root #cbti-w4-d4-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d4-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d4-root .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w4-d4-root .bsm-chip-suggested:hover { border-color: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-btn-sort:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d4-root .bsm-btn-sort.selected-correct { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d4-root .bsm-btn-sort.selected-incorrect { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w4-d4-root .bsm-sort-feedback.correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #cbti-w4-d4-root .bsm-sort-feedback.incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #cbti-w4-d4-root .bsm-btn-pledge:hover { border-color: var(--brand-purple) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d4-root .bsm-btn-pledge.active { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-style: solid !important; } #cbti-w4-d4-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d5-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w4-d5-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d5-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d5-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d5-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d5-root #cbti-w4-d5-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d5-root .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w4-d5-root .bsm-btn-quiz:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d5-root .bsm-btn-quiz.correct { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-btn-quiz.incorrect { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w4-d5-root .bsm-quiz-feedback.correct { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-quiz-feedback.incorrect { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w4-d5-root .bsm-act-step.active { border-color: var(--brand-pink) !important; } #cbti-w4-d5-root .bsm-act-step.completed { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-act-step.completed .bsm-act-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d5-root .bsm-chip:hover { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d5-root .bsm-btn-suite:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w4-d5-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w4-d6-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w4-d6-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d6-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w4-d6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w4-d6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w4-d6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w4-d6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w4-d6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-d6-root #cbti-w4-d6-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; background: var(--glass-bg) !important; } #cbti-w4-d6-root .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w4-d6-root .bsm-sensory-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w4-d6-root .bsm-sensory-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d6-root .bsm-btn-suite:hover { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w4-d6-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w4-d7-root #cbti-w4-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-d7-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-d7-root #cbti-w4-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w4-d7-root #cbti-w4-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d7-root .bsm-quiz-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--inner-bg) !important; } #cbti-w4-d7-root .bsm-quiz-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d7-root .bsm-quiz-option.correct .bsm-quiz-icon { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-d7-root .bsm-quiz-option.correct .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d7-root .bsm-quiz-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w4-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w4-d7-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w5-d1-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w5-d1-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d1-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d1-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d1-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d1-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w5-d1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w5-d1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w5-d1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w5-d1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w5-d1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d1-root .bsm-btn-bypass:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w5-d1-root .bsm-word-input:focus { border-color: var(--brand-purple) !important; } #cbti-w5-d1-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w5-d1-root .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w5-d1-root #cbti-w5-d1-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d1-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d1-root .u-font-size-14px-color-var-diary-text-mute-2 { color: var(--diary-text-muted) !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w5-d2-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w5-d2-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d2-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w5-d2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w5-d2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w5-d2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w5-d2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w5-d2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d2-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d2-root .bsm-btn-secondary:disabled:hover { background: var(--inner-bg) !important; } #cbti-w5-d2-root .w5d2-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d2-root .w5d2-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d2-root .w5d2-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root .w5d2-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d2-root .bsm-fact-text strong { color: var(--diary-text) !important; } #cbti-w5-d2-root .bsm-audit-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w5-d2-root .bsm-audit-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d2-root #cbti-w5-d2-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d2-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d3-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d3-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d3-root .bsm-rule-tag.expand { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d3-root .bsm-rule-tag.hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w5-d3-root .bsm-rule-tag.shrink { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d3-root .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d3-root .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w5-d3-root #cbti-w5-d3-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d3-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d3-root .u-font-size-14px-padding-10px-0-border-top { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d3-root .u-font-size-14px-color-var-diary-text-mute-2 { color: var(--diary-text-muted) !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w5-d4-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w5-d4-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d4-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d4-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d4-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d4-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w5-d4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w5-d4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w5-d4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w5-d4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w5-d4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d4-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d4-root .bsm-fact-text strong { color: var(--diary-text) !important; } #cbti-w5-d4-root .bsm-btn-myth:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d4-root .bsm-btn-myth.picked-correct { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d4-root .bsm-btn-myth.picked-incorrect { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w5-d4-root .w5d4-dot.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d4-root .w5d4-dot.completed { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d4-root .w5d4-reveal-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d4-root .w5d4-btn-text:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d4-root #cbti-w5-d4-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d4-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w5-d5-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w5-d5-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d5-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d5-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d5-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d5-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w5-d5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w5-d5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w5-d5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w5-d5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w5-d5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d5-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d5-root .bsm-compare-card.blip { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w5-d5-root .bsm-compare-card.trend { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #cbti-w5-d5-root .bsm-reset-text strong { color: var(--diary-text) !important; } #cbti-w5-d5-root .bsm-btn-scenario:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w5-d5-root .bsm-btn-scenario.picked-best { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--diary-text) !important; } #cbti-w5-d5-root #cbti-w5-d5-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d5-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w5-d6-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w5-d6-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d6-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d6-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d6-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d6-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w5-d6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w5-d6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w5-d6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w5-d6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w5-d6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-d6-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d6-root .bsm-sc-text strong { color: var(--diary-text) !important; } #cbti-w5-d6-root .bsm-journal-textarea:focus { border-color: var(--brand-purple) !important; } #cbti-w5-d6-root #cbti-w5-d6-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d6-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w5-d7-root #cbti-w5-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-d7-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-d7-root #cbti-w5-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w5-d7-root #cbti-w5-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root .bsm-quiz-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--inner-bg) !important; } #cbti-w5-d7-root .bsm-quiz-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root .bsm-quiz-option.correct .bsm-quiz-icon { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-d7-root .bsm-quiz-option.correct .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root .bsm-quiz-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w5-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w5-d7-root #cbti-w5-d7-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w5-d7-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d1-root #cbti-w6-d1-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d1-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d1-root #cbti-w6-d1-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d1-root #cbti-w6-d1-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w6-d1-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d1-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d1-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d1-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d1-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d1-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d1-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d1-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d1-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d1-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d1-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d1-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d1-root #cbti-w6-d1-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d1-root #cbti-w6-d1-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d1-root .bsm-chip:hover { border-color: var(--brand-purple) !important; color: var(--diary-text) !important; } #cbti-w6-d1-root .bsm-chip.active { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-color: var(--brand-purple) !important; color: var(--brand-purple) !important; } #cbti-w6-d1-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d2-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w6-d2-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d2-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d2-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d2-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d2-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d2-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d2-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d2-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d2-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d2-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d2-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d2-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d2-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d2-root .bsm-btn-secondary:disabled:hover { background: var(--inner-bg) !important; } #cbti-w6-d2-root .bsm-fact-text strong { color: var(--diary-text) !important; } #cbti-w6-d2-root .bsm-audit-card:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #cbti-w6-d2-root .bsm-audit-card.open { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d2-root #cbti-w6-d2-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d2-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d3-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-why-works { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #cbti-w6-d3-root .bsm-why-works.is-good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d3-root .bsm-why-works.is-hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-left-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d3-root .bsm-rule-tag.expand { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d3-root .bsm-rule-tag.hold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d3-root .bsm-rule-tag.shrink { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-video-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #cbti-w6-d3-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d3-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d3-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d3-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d3-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d3-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d3-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d3-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d3-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d3-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d3-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d3-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-section { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-btn-secondary { background: var(--inner-bg) !important; color: var(--diary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d3-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d3-root .bsm-compare-card.lapse { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #cbti-w6-d3-root .bsm-compare-card.relapse { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #cbti-w6-d3-root .bsm-audit-card:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d3-root .bsm-audit-card.checked { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d3-root .bsm-audit-card.checked .bsm-audit-check { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d3-root .bsm-audit-card.checked .bsm-audit-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d3-root #cbti-w6-d3-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d3-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d3-root .u-font-size-14px-padding-10px-0-border-top { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d3-root .u-font-size-14px-color-var-diary-text-mute-2 { color: var(--diary-text-muted) !important; } #cbti-w6-d4-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d4-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d4-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d4-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d4-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d4-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d4-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d4-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d4-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d4-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d4-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d4-root .bsm-btn-secondary:disabled:hover { background: var(--inner-bg) !important; } #cbti-w6-d4-root #cbti-w6-d4-root .bsm-scenario-box { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-d4-root .bsm-scenario-opt:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d4-root .bsm-scenario-opt.best { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-scenario-opt.picked-not-best { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d4-root .bsm-picker-chip:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d4-root .bsm-picker-chip.selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w6-d4-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d5-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d5-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d5-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d5-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d5-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d5-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d5-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d5-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d5-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d5-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d5-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d5-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d5-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d5-root .bsm-btn-secondary:disabled:hover { background: var(--inner-bg) !important; } #cbti-w6-d5-root .bsm-pillar-card:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d5-root .bsm-pillar-card.acked { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d5-root .bsm-pillar-card.acked .bsm-pillar-check { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d5-root .bsm-pillar-card.acked .bsm-pillar-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root .bsm-commit-chip:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d5-root .bsm-commit-chip.selected { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d5-root .bsm-commit-chip.selected .bsm-commit-check { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d5-root .bsm-commit-chip.selected .bsm-commit-check::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d5-root .bsm-commit-custom::placeholder { color: var(--diary-text-muted) !important; } #cbti-w6-d5-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d6-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d6-root .bsm-video-box:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d6-root .bsm-video-btn svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d6-root .bsm-video-box.watched { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d6-root .bsm-video-box.watched .bsm-video-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d6-root .bsm-video-box.watched .bsm-video-btn::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d6-root .bsm-video-box.watched .bsm-video-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d6-root #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #cbti-w6-d6-root #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #cbti-w6-d6-root #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-cinematic-video { background: var(--bsm3-transparent); } #cbti-w6-d6-root #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #cbti-w6-d6-root #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #cbti-w6-d6-root #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #cbti-w6-d6-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d6-root .bsm-metric-badge.good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d6-root .bsm-metric-badge.needs-work { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w6-d6-root .bsm-metric-detail.good { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; border-top: none !important; } #cbti-w6-d6-root .bsm-metric-detail.needs { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-top: none !important; } #cbti-w6-d6-root .bsm-metric-detail.good .bsm-metric-detail-title { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d6-root .bsm-metric-detail.needs .bsm-metric-detail-title { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #cbti-w6-d6-root .bsm-chip:hover { border-color: var(--brand-purple) !important; } #cbti-w6-d6-root .bsm-chip.selected { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple) !important; } #cbti-w6-d6-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w6-d7-root #cbti-w6-d7-root .bsm-nav-back { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-d7-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-d7-root #cbti-w6-d7-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: none !important; } #cbti-w6-d7-root #cbti-w6-d7-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root .bsm-btn-secondary:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d7-root .bsm-quiz-option:hover:not(.locked) { border-color: var(--brand-purple) !important; background: var(--inner-bg) !important; } #cbti-w6-d7-root .bsm-quiz-option.correct { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root .bsm-quiz-option.correct .bsm-quiz-icon { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-d7-root .bsm-quiz-option.correct .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root .bsm-quiz-option.incorrect { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #cbti-w6-d7-root .bsm-quiz-option.incorrect .bsm-quiz-icon::after { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #cbti-w6-d7-root #cbti-w6-d7-root .bsm-tools-reminder { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } #cbti-w6-d7-root .u-font-weight-600-color-var-diary-text-mut { color: var(--diary-text-muted); } #cbti-w1-hub-root #cbti-w1-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w1-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w1-hub-root #cbti-w1-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w1-hub-root #cbti-w1-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w1-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w1-hub-root #cbti-w1-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w1-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w1-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w1-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w1-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w2-hub-root #cbti-w2-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w2-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w2-hub-root #cbti-w2-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-hub-root #cbti-w2-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w2-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w2-hub-root #cbti-w2-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w2-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w2-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w2-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w2-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w3-hub-root #cbti-w3-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w3-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w3-hub-root #cbti-w3-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-hub-root #cbti-w3-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w3-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w3-hub-root #cbti-w3-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w3-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w3-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w3-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w3-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w4-hub-root #cbti-w4-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w4-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w4-hub-root #cbti-w4-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-hub-root #cbti-w4-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w4-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w4-hub-root #cbti-w4-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w4-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w4-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w4-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w4-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w5-hub-root #cbti-w5-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w5-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w5-hub-root #cbti-w5-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w5-hub-root #cbti-w5-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w5-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w5-hub-root #cbti-w5-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w5-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w5-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w5-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w5-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #cbti-w6-hub-root #cbti-w6-hub-root .bsm-nav-back { backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--glass-bg) !important; color: var(--diary-text-muted) !important; } #cbti-w6-hub-root .bsm-nav-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #cbti-w6-hub-root #cbti-w6-hub-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w6-hub-root #cbti-w6-hub-root .bsm-day-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #cbti-w6-hub-root .bsm-day-row:hover:not(.locked) { border-color: var(--brand-purple) !important; } #cbti-w6-hub-root #cbti-w6-hub-root .bsm-icon-circle { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #cbti-w6-hub-root .bsm-icon-green svg { fill: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #cbti-w6-hub-root .bsm-icon-purple svg { fill: var(--brand-purple) !important; } #cbti-w6-hub-root .bsm-icon-muted svg { fill: var(--diary-text-muted) !important; } #cbti-w6-hub-root .u-color-var-diary-text-muted { color: var(--diary-text-muted); } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-title::after, #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-title::before, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h1::after, #bsm-app-root #spa-stage #circadian-dashboard-wrapper h1::before, #circadian-dashboard-wrapper #bsm-cir-page-title::after, #circadian-dashboard-wrapper #bsm-cir-page-title::before, #circadian-dashboard-wrapper h1::after, #circadian-dashboard-wrapper h1::before, #circadian-dashboard-wrapper .bsm-edu-title::after, #circadian-dashboard-wrapper .bsm-edu-title::before { background: none !important; background-color: var(--bsm3-transparent) !important; border: none !important; border-bottom: none !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-fi-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-edu-score-block { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-update-link { text-decoration: underline !important; color: var(--brand-purple) !important; background: none !important; border: none !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-macro-track { scrollbar-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) var(--bsm3-transparent); } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-btn-primary-action { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: none !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #circadian-dashboard-wrapper #bsm-app-root #spa-stage #circadian-dashboard-wrapper .bsm-form-reveal { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } #circadian-dashboard-wrapper .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #circadian-dashboard-wrapper .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #circadian-dashboard-wrapper #bsm-circadian-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #circadian-dashboard-wrapper #bsm-circadian-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #circadian-dashboard-wrapper .u-display-block-font-size-0-8rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #circadian-dashboard-wrapper .u-padding-16px-28px-24px-border-top-1px-so { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #circadian-dashboard-wrapper .u-background-var-glass-bg-rgba20-20-30-0-9 { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #circadian-dashboard-wrapper .u-font-size-1-25rem-font-weight-700-color { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #circadian-dashboard-wrapper .u-display-none-position-fixed-inset-0-z-in { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #circadian-dashboard-wrapper .u-display-none-font-size-0-76rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #circadian-dashboard-wrapper .u-display-block-width-100pc-padding-14px-b { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #circadian-dashboard-wrapper .u-display-block-text-align-center-font-siz { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: none; border: none; text-decoration: underline; } #circadian-dashboard-wrapper .u-display-block-font-size-0-6rem-font-weig { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #circadian-dashboard-wrapper .u-display-block-font-size-0-65rem-font-wei { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #circadian-dashboard-wrapper .u-color-var-brand-purple { color: var(--brand-purple); } #circadian-dashboard-wrapper .u-background-var-glass-bg-rgba128-128-128 { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #circadian-dashboard-wrapper .u-background-linear-gradient135deg-rgba109 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #circadian-dashboard-wrapper .u-font-size-22px-font-weight-800-color-var { color: var(--diary-text); } #circadian-dashboard-wrapper .u-font-size-13px-color-var-diary-text-mute { color: var(--diary-text-muted); } #diagnostic-ribbon .bsm-page-container { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #diagnostic-ribbon .bsm-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); backdrop-filter: blur(10px); border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #diagnostic-ribbon .clinical-label { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #diagnostic-ribbon .bsm-input { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #diagnostic-ribbon .status-chip { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #diagnostic-ribbon .status-chip.active { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #diagnostic-ribbon .hub-navigation-dock { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #diagnostic-ribbon .hub-btn { background: var(--bsm3-transparent); border: none; color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #diagnostic-ribbon .hub-btn.active { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #diagnostic-ribbon .clock-face { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); stroke: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #diagnostic-ribbon .clock-text { fill: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #diagnostic-ribbon .dot.amber { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #diagnostic-ribbon .dot.red { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #diagnostic-ribbon .dot.white { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #diagnostic-ribbon .boutique-button { border: none; } #diagnostic-ribbon .primary-action { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #diagnostic-ribbon .u-color-var-bsm-amber-muted-font-size-0-7r { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #bsm-dash-v35 { color: var(--diary-text) !important; } #bsm-dash-v35 h1, #bsm-dash-v35 h2, #bsm-dash-v35 h3, #bsm-dash-v35 h4, #bsm-dash-v35 p, #bsm-dash-v35 span:not(.bsm-tab-badge):not(.delta-badge), #bsm-dash-v35 label, #bsm-dash-v35 strong { color: var(--diary-text) !important; } #bsm-dash-v35 #bsm-dash-v35 .bsm-tab.tab-mini { background: var(--diary-tab-bg); border: var(--bsm3-border-thin) solid var(--diary-tab-border); color: var(--brand-purple) !important; } #bsm-dash-v35 #bsm-dash-v35 .bsm-tab-panel { scrollbar-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) var(--bsm3-transparent); } #bsm-dash-v35 #bsm-body-tip { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline); box-shadow: none; outline: var(--bsm3-border-default) solid var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-dash-v35 #bsm-body-tip[data-theme="day"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); outline-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #bsm-dash-v35 #bsm-dash-v35 .rec-red { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #bsm-dash-v35 .u-color-var-brand-green { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-learn-stage .learn-page-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-learn-stage .learn-subtitle { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-learn-stage .learn-card { background: var(--card-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #bsm-learn-stage .card-hook { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-learn-stage .card-fact { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-learn-stage .card-explanation { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-learn-stage .card-tag { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #bsm-learn-stage .swipe-hint { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-learn-stage .hint-line { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .bsm-btn-primary { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #bsm-spa-root .bsm-btn-primary:hover { box-shadow: none !important; } #bsm-spa-root .bsm-btn-back:hover { background: var(--inner-bg) !important; color: var(--diary-text) !important; } #bsm-spa-root .bsm-input { border: var(--bsm3-border-thin) solid var(--glass-border) !important; background: var(--inner-bg) !important; color: var(--diary-text) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } #bsm-spa-root .bsm-panel-box, #bsm-spa-root .bsm-card { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } #bsm-spa-root .bsm-progress-track { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-spa-root .bsm-progress-fill { background: linear-gradient(90deg, var(--brand-purple), var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #bsm-spa-root .bsm-moon-tab:hover { color: var(--diary-text) !important; } #bsm-spa-root .bsm-moon-tab.active { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-spa-root .bsm-moon-tab.locked:hover { color: var(--diary-text-muted) !important; } #bsm-spa-root .bsm-moon-tab.active .bsm-moon-icon, #bsm-spa-root .bsm-moon-tab.completed .bsm-moon-icon { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-spa-root .bsm-week-card.active { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-spa-root .bsm-week-card:hover { box-shadow: none !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-spa-root .bsm-week-card.locked { background: var(--glass-bg) !important; } #bsm-spa-root .bsm-week-card.locked:hover { box-shadow: none !important; border-color: var(--glass-border) !important; } #bsm-spa-root .bsm-week-card.active .bsm-week-icon { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } #bsm-spa-root .bsm-week-card.completed .bsm-week-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-spa-root .se-band-badge.se-band-severe { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-spa-root .se-band-badge.se-band-high { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-spa-root .se-band-badge.se-band-elevated { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--brand-yellow) !important; } #bsm-spa-root .se-band-badge.se-band-low { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-spa-root .bsm-tool-item:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #bsm-spa-root .bsm-tool-item-icon svg { stroke: var(--diary-text-muted) !important; fill: none !important; } #bsm-spa-root .bsm-tool-item:hover .bsm-tool-item-icon svg { stroke: var(--brand-purple) !important; } #bsm-spa-root .bsm-tool-item:hover .bsm-tool-item-chevron { stroke: var(--brand-purple) !important; } #bsm-spa-root #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } #bsm-spa-root #bsm-app-root #spa-stage #bsm-spa-root .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-app-root #spa-stage #bsm-spa-root .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #bsm-spa-root #bsm-app-root #spa-stage #bsm-spa-root .bsm-edu-q-row { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-top: none !important; } #bsm-spa-root .bsm-epm-tab-btn { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background)) !important; color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-spa-root .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-spa-root .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-spa-root #bsm-insomnia-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-spa-root #bsm-insomnia-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-spa-root .u-display-block-font-size-0-8rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-background-var-glass-border-color-var-di { background: var(--glass-border); color: var(--diary-text); } #bsm-spa-root .u-color-var-diary-text-muted-margin-bottom { color: var(--diary-text-muted); } #bsm-spa-root .u-flex-1-background-var-inner-bg-border-1p { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-spa-root .u-color-var-diary-text-muted-font-size-14p { color: var(--diary-text-muted); } #bsm-spa-root .u-padding-16px-28px-24px-border-top-1px-so { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-spa-root .u-background-var-glass-bg-rgba20-20-30-0-9 { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #bsm-spa-root .u-font-size-1-25rem-font-weight-700-color { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-display-none-position-fixed-inset-0-z-in { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #bsm-spa-root .u-display-none-font-size-0-76rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-display-block-width-100pc-padding-14px-b { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .u-display-block-text-align-center-font-siz { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: none; border: none; text-decoration: underline; } #bsm-spa-root .u-display-block-font-size-0-6rem-font-weig { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-display-block-font-size-0-65rem-font-wei { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-spa-root .u-background-var-glass-bg-rgba128-128-128 { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-background-linear-gradient135deg-rgba109 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #bsm-spa-root .u-margin-0-font-size-14px-color-var-diary { color: var(--diary-text-muted); } #bsm-spa-root .u-margin-0-font-size-14px-color-var-brand { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-spa-root .u-margin-top-32px-padding-top-24px-border { border-top: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-spa-root .u-margin-bottom-8px-font-size-14px-color-v { color: var(--diary-text); } #bsm-spa-root .u-font-weight-800-font-size-16px-color-fff { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .u-font-size-22px-font-weight-800-color-fff { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .u-font-size-14px-color-var-diary-text-mute { color: var(--diary-text-muted); } #bsm-spa-root .u-font-size-13px-color-rgba255-255-255-0-7 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .u-font-size-12px-color-var-diary-text-mute { color: var(--diary-text-muted); } #bsm-spa-root .u-font-size-12px-color-rgba255-255-255-0-8 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-spa-root .u-display-block-text-align-center-padding { color: var(--diary-text); } #bsm-spa-root .u-display-block-font-size-0-76rem-color-va { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: var(--inner-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #bsm-spa-root .u-color-var-diary-text-muted-font-size-15p { color: var(--diary-text-muted); } #bsm-spa-root .u-color-var-diary-text-muted-font-size-13p { color: var(--diary-text-muted); } #bsm-spa-root .u-color-var-diary-text-muted-2 { color: var(--diary-text-muted); } #bsm-spa-root .u-color-var-diary-text-fff { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-spa-root .u-color-var-brand-green-font-weight-bold-m { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #bsm-spa-root .u-color-var-diary-text-muted-font-size-14p-2 { color: var(--diary-text-muted); } #bsm-spa-root .u-background-var-inner-bg-border-1px-solid { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--diary-text-muted); } #bsm-spa-root .u-background-var-inner-bg-border-1px-solid-2 { background: var(--inner-bg); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-edu-strategies-bar { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-score-wrap { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-flag-row { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-transparent) !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-warning-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-daybuild-locked-card { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-legs-dayplan-toggle { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; outline: none !important; border: none !important; } #bsm-legs-wrapper #bsm-app-root #spa-stage #bsm-legs-wrapper .bsm-fi-eyebrow { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-legs-wrapper .bsm-epm-tab-btn:hover { border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-legs-wrapper .bsm-epm-tab-btn.bsm-tab-selected { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border-color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #bsm-legs-wrapper #bsm-legs-epm-status.bsm-epm-ok { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } #bsm-legs-wrapper #bsm-legs-epm-status.bsm-epm-err { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-step-label::after { background: var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-source-btn.selected { border-color: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-legs-wrapper .bsm-legs-dayplan-source-btn.selected .bsm-legs-dayplan-source-title::before { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-time-field label { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot.disabled { box-shadow: none !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-green { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-amber { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-teal { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-red { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-blue { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-slot-icon.badge-mint { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-toggle::before { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #bsm-legs-wrapper .bsm-legs-dayplan-toggle:checked { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-choice-btn:hover { border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)) !important; } #bsm-legs-wrapper .bsm-legs-dayplan-choice-btn.selected { background: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; border-color: var(--brand-accent, var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline)) !important; color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; box-shadow: none !important; } #bsm-legs-wrapper .u-display-block-font-size-0-8rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-legs-wrapper .u-padding-16px-28px-24px-border-top-1px-so { border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-legs-wrapper .u-background-var-glass-bg-rgba20-20-30-0-9 { background: var(--glass-bg, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); backdrop-filter: blur(28px); -webkit-backdrop-filter: blur(28px); box-shadow: none; } #bsm-legs-wrapper .u-font-size-1-25rem-font-weight-700-color { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-legs-wrapper .u-display-none-position-fixed-inset-0-z-in { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } #bsm-legs-wrapper .u-display-none-font-size-0-76rem-font-weig { color: var(--diary-text, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-legs-wrapper .u-display-block-width-100pc-padding-14px-b { background: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-legs-wrapper .u-display-block-text-align-center-font-siz { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); background: none; border: none; text-decoration: underline; } #bsm-legs-wrapper .u-display-block-font-size-0-6rem-font-weig { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-legs-wrapper .u-display-block-font-size-0-65rem-font-wei { color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); border-top: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); } #bsm-legs-wrapper .u-background-var-glass-bg-rgba128-128-128 { background: var(--glass-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)); border: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); color: var(--diary-text-muted, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general)); } #bsm-legs-wrapper .u-background-linear-gradient135deg-rgba109 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)); } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper { --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); } #bsm_diary_wrapper #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-title, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-label, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-chunk-title, #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn { color: var(--diary-text) !important; } #bsm_diary_wrapper #bsm-app-root #spa-stage #bsm_diary_wrapper .bsm-grid-btn { background: var(--glass-bg-hover); border: var(--bsm3-border-thin) solid var(--glass-border); } #bsm-app-root[data-theme="day"] #spa-stage #bsm_diary_wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-bg-hover: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --glass-bg-active: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --glass-border: var(--bsm3-sleep-border-day); --glass-border-active: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); --glass-shadow: none; } #bsm-rules-page #bsm-rules-page h1, #bsm-rules-page h2, #bsm-rules-page h3, #bsm-rules-page h4, #bsm-rules-page p, #bsm-rules-page li, #bsm-rules-page span, #bsm-rules-page strong { color: var(--text) !important; border: none !important; border-bottom: none !important; text-decoration: none !important; background: none !important; } #np-screen-builder #np-screen-builder { --teal-light: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --red-light: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); --text: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --muted: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --bg: var(--bsm3-transparent); --glass-border: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); --card-shadow: none; } #np-screen-builder .np-wrapper { background: var(--bg); color: var(--text); } #np-screen-builder { --text: var(--bsm3-color-black-000000-use-on-bg-sleep); --muted: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #np-screen-builder #bsm-app-root #spa-stage .np-wrapper { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #np-screen-builder #bsm-app-root #spa-stage .np-wrapper > .np-top-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #np-screen-builder #bsm-app-root #spa-stage .np-wrapper > *:not(.np-top-bar):not(.np-screen) { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #np-screen-builder .np-top-bar { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #np-screen-builder .np-brand h1 { color: var(--text); } #np-screen-builder .np-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--muted); border: var(--bsm3-border-thin) solid var(--glass-border); } #np-screen-builder .np-nav-btn.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } @media (min-width: 901px) { #np-screen-builder .np-palette { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } } #np-screen-builder .np-input { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); outline: none; color: var(--text); } #np-screen-builder .np-input::placeholder { color: var(--muted); } #np-screen-builder .np-zone-tab { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--muted); } #np-screen-builder .np-zone-tab.active { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border-color: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #np-screen-builder .np-zone-tab.reactive-tab { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); background: var(--red-light); } #np-screen-builder .np-zone-tab.reactive-tab.active { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #np-screen-builder .np-zone-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thick) dashed var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .np-zone-container.drag-over, .np-zone.drag-over { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #np-screen-builder .np-zone.reactive-zone { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); background: var(--red-light); } #np-screen-builder .np-mini-item { background: var(--teal-light); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--text); } #np-screen-builder .np-mini-item.reactive-item { background: var(--red-light); border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #np-screen-builder .np-btn-view { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } #np-screen-builder .np-mini-item.reactive-item .np-btn-view { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #np-screen-builder .np-btn-del:hover { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #np-screen-builder .np-save-btn { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; box-shadow: none; } #np-screen-builder .np-save-btn:hover { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } #np-screen-builder .np-add-therapies-link { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } #np-screen-builder .np-add-therapies-link:hover { text-decoration: underline; } #np-screen-builder .np-simple-row { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .np-simple-row-left span { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .np-simple-row-right { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #np-screen-builder .np-simple-row:hover { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #np-screen-builder .np-palette-empty { color: var(--muted); } #np-screen-builder .np-modal-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(6px); } #np-screen-builder .np-modal-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; color: var(--text); } #np-screen-builder .np-unified-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); box-shadow: none; } #np-screen-builder .np-unified-card:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } #np-screen-builder .np-plan-del { background: none; border: none; color: var(--muted); } #np-screen-builder .np-plan-del:hover { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #np-screen-builder .np-list-badge { background: var(--teal-light); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #np-screen-builder .np-plan-match { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #np-screen-builder .np-plan-match:hover { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } #np-screen-builder .np-plan-open { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-black-000000-use-on-bg-sleep); } #np-screen-builder .np-plan-open:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #np-screen-builder .np-canvas-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--glass-border); box-shadow: none; } #np-screen-builder .np-canvas-header { border-bottom: var(--bsm3-border-thin) solid var(--glass-border); background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #np-screen-builder .np-canvas-close { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--glass-border); color: var(--text); } #np-screen-builder .np-canvas-close:hover { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #np-screen-builder .np-canvas-body { background: var(--bsm3-transparent); color: var(--text); } #np-screen-builder .np-canvas-footer { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-top: var(--bsm3-border-thin) solid var(--glass-border); } #np-screen-builder .np-canvas-print-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #np-screen-builder .np-canvas-print-btn:hover { background: var(--teal-light); } #np-screen-builder .np-canvas-schedule-btn { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; box-shadow: none; } #np-screen-builder .np-canvas-schedule-btn:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } @media print { #np-screen-builder #np-canvas-overlay { border: none; box-shadow: none; } #np-screen-builder .np-canvas-body { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } } #np-screen-builder .mind-drawer-backdrop { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); } #np-screen-builder .mind-drawer-backdrop.invisible-bg { background-color: var(--bsm3-transparent) !important; } #np-screen-builder .mind-drawer-panel { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--text); box-shadow: none; border-left: var(--bsm3-border-thin) solid var(--glass-border); } #np-screen-builder .mind-drawer-close { border: none; background: none; color: var(--muted); } #np-screen-builder .u-color-4aa3a2 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #np-screen-builder .u-text-align-center-padding-40px-color-e07 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #np-screen-builder .u-color-var-teal { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #np-screen-builder .u-text-align-center-color-e07a5f-padding-2 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #np-screen-builder .u-font-size-12px-color-var-muted-font-styl { color: var(--muted); } #np-screen-builder .u-font-size-12px-color-64748b-font-style-i { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #np-screen-builder .u-display-inline-block-background-e6f2f2-c { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } #bsm-sw-wrapper #bsm-app-root #bsm-sw-wrapper, #bsm-sw-wrapper { --glass-bg: var(--bsm3-sleep-glass-bg-day); --glass-border: var(--bsm3-sleep-border-day); --inner-bg: var(--bsm3-sleep-inner-bg-day); --hover-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --brand-purple: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); --bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --brand-yellow: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); --diary-text: var(--bsm3-color-black-000000-use-on-bg-sleep); --diary-text-muted: var(--bsm3-sleep-text-muted-day); } #bsm-sw-wrapper { color: var(--diary-text) !important; } #bsm-sw-wrapper .sw-header h1 { border-bottom: none !important; } #bsm-sw-wrapper .sw-tab-intro-icon svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); fill: none; } #bsm-sw-wrapper .search-input::placeholder { color: var(--diary-text) !important; } #bsm-sw-wrapper .filter-btn:hover { box-shadow: none; } #bsm-sw-wrapper .sw-tile { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; box-shadow: none; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } #bsm-sw-wrapper .sw-tile:hover { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; background: var(--inner-bg) !important; } #bsm-sw-wrapper .sw-tile-icon { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } #bsm-sw-wrapper .sw-tile-icon svg { stroke: var(--brand-purple); fill: none; } #bsm-sw-wrapper .sw-back-to-menu { color: var(--diary-text-muted) !important; } #bsm-sw-wrapper .sw-back-to-menu:hover { color: var(--brand-purple) !important; } #bsm-sw-wrapper .sw-back-to-menu svg { stroke: currentColor; fill: none; } #bsm-sw-wrapper .content-card:hover { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } #bsm-sw-wrapper .card-tag { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); color: var(--brand-purple) !important; } #bsm-sw-wrapper .card-tag.tag-cyan { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-sw-wrapper .card-tag.tag-green { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } #bsm-sw-wrapper .card-tag.tag-amber { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-sw-wrapper .card-tag.tag-blue { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #bsm-sw-wrapper .scene-poster.cabin { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-sw-wrapper .scene-poster.beach { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-sw-wrapper .scene-poster::after { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers); } #bsm-sw-wrapper .scene-poster-label span { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none; } #bsm-sw-wrapper #bsm-cinematic-overlay { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #bsm-sw-wrapper #bsm-cinematic-overlay .moon { background: radial-gradient(circle at 30% 30%, var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) 0%, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) 40%, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 100%); box-shadow: 0 0 40px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-cinematic-overlay .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } #bsm-sw-wrapper #bsm-cinematic-overlay .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-cinematic-video { background: var(--bsm3-transparent); } #bsm-sw-wrapper #bsm-video-overlay-title { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-video-close { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-sw-wrapper #bsm-video-close:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-sw-wrapper #bsm-video-close svg { stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-video-controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-progress-container { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper #bsm-progress-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #bsm-sw-wrapper .control-btn:hover { background: var(--hover-bg, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)) !important; } #bsm-sw-wrapper .control-btn.active { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--brand-purple); } #bsm-sw-wrapper input[type="range"] { background: var(--inner-bg); outline: none; } #bsm-sw-wrapper input[type="range"]::-webkit-slider-thumb { background: var(--brand-purple); } #bsm-sw-wrapper .sw-tool-item:hover { background: var(--glass-bg) !important; border-color: var(--brand-purple) !important; } #bsm-sw-wrapper .sw-tool-item-icon svg { stroke: var(--diary-text-muted); fill: none; } #bsm-sw-wrapper .sw-tool-item:hover .sw-tool-item-icon svg { stroke: var(--brand-purple); } #bsm-sw-wrapper .sw-tool-item:hover .sw-tool-item-chevron { stroke: var(--brand-purple); } #sp-accessories-root .shop-header { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-accessories-root .back-btn { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--text-main); } #sp-accessories-root .back-btn:hover { background: var(--text-main); color: var(--bg-main); } #sp-accessories-root .shop-title h1 { color: var(--text-main); } #sp-accessories-root .shop-title p { color: var(--text-sub); } #sp-accessories-root .product-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-accessories-root .product-img-wrap { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-accessories-root .product-img-wrap img { filter: sepia(1) saturate(2.5) hue-rotate(-50deg) brightness(1.1); } #sp-accessories-root .product-card:hover { border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #sp-accessories-root .product-card:hover img { filter: sepia(1) saturate(3) hue-rotate(-50deg) brightness(1.3); } #sp-accessories-root .product-info h2 { color: var(--text-main); } #sp-accessories-root .product-tag { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } #sp-accessories-root .clinical-logic { color: var(--text-sub); border-left: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-accessories-root .acquire-btn { border: var(--bsm3-border-thin) solid var(--text-main); background: var(--bsm3-transparent); color: var(--text-main); text-decoration: none; } #sp-accessories-root .acquire-btn:hover { background: var(--text-main); color: var(--bg-main); box-shadow: none; } #sp-learn-root .learn-header h1 { color: var(--text-main) !important; } #sp-learn-root .learn-header p { color: var(--text-sub) !important; } #sp-learn-root .learn-wrapper .insight-card { background: var(--card-bg) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #sp-learn-root .learn-wrapper .insight-card h3, #sp-learn-root .learn-wrapper .insight-card p, #sp-learn-root .learn-wrapper .insight-card span, #sp-learn-root .learn-wrapper .def-text { color: var(--card-text) !important; } #sp-learn-root .learn-wrapper .term-highlight { color: var(--card-text) !important; } #sp-learn-root .airway-visual { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-learn-root .pipe { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-learn-root .flow-arrow { background: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); } #sp-learn-root .blockage { background: var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); filter: blur(5px); } #sp-learn-root .visual-blocked .flow-arrow { background: var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); } #sp-learn-root .type-col { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #sp-learn-root .badge-osa { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #sp-learn-root .badge-csa { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #sp-learn-root .badge-mix { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #sp-panic-root body { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #sp-panic-root .card { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #sp-panic-root button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: none; } #sp-panic-root .reassurance { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-panic-root textarea { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-panic-root textarea::placeholder { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-panic-root .response { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-panic-root .audio-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-panic-root .night-interface { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-research-root .res-header h1 { color: var(--text-main) !important; } #sp-research-root .res-intro { color: var(--text-sub) !important; border-left: var(--bsm3-border-thin) solid var(--text-sub); } #sp-research-root .topic-title { color: var(--text-sub) !important; } #sp-research-root .paper-card { background: var(--card-bg) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #sp-research-root .paper-card:hover { box-shadow: none; border-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #sp-research-root .journal-tag { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } #sp-research-root .paper-title { color: var(--card-text) !important; } #sp-research-root .paper-summary { color: var(--card-text) !important; } #sp-research-root .btn-source { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--text-sub) !important; color: var(--card-text) !important; } #sp-research-root .btn-source:hover { background: var(--text-sub) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-transparent) !important; } #sp-symptoms-root .sym-header h1 { color: var(--text-main) !important; } #sp-symptoms-root .sym-subheading { color: var(--text-sub) !important; } #sp-symptoms-root .sym-intro-text { color: var(--text-main) !important; border-left: var(--bsm3-border-thin) solid var(--text-sub); } #sp-symptoms-root .sym-reassurance { color: var(--icon-tools, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } #sp-symptoms-root .section-title-sm { color: var(--text-sub) !important; } #sp-symptoms-root .night-item { color: var(--text-main) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-symptoms-root .night-icon { color: var(--text-sub); } #sp-symptoms-root .zone-card { background: var(--card-bg) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #sp-symptoms-root .zone-card:hover { border-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } #sp-symptoms-root .zone-title { color: var(--card-text) !important; } #sp-symptoms-root .zone-sub { color: var(--card-text) !important; } #sp-symptoms-root .zone-item { color: var(--card-text) !important; } #sp-symptoms-root .zone-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-symptoms-root .adrenaline-block { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #sp-symptoms-root .adren-title { color: var(--text-main) !important; } #sp-symptoms-root .adren-text { color: var(--text-main) !important; } #sp-symptoms-root .highlight-text { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #sp-symptoms-root .risk-item { color: var(--text-sub) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-symptoms-root .dot { background: var(--text-sub); } #sp-symptoms-root .cta-container { background: var(--card-bg); } #sp-symptoms-root .cta-container::before { background: linear-gradient(90deg, var(--text-sub), var(--bsm3-transparent)); } #sp-symptoms-root .cta-title { color: var(--card-text) !important; } #sp-symptoms-root .cta-desc { color: var(--card-text) !important; } #sp-symptoms-root .btn-premium { background: var(--text-sub) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } #sp-symptoms-root .btn-premium:hover { background: var(--text-main) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #sp-verify-root #bsm-app-root .insight-card { background: var(--card-bg, var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background)) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--card-text, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; box-shadow: none !important; } #sp-verify-root #bsm-app-root h1 { color: var(--text-main) !important; } #sp-verify-root #bsm-app-root .verify-sub { color: var(--text-sub) !important; } #sp-verify-root #bsm-app-root .verify-framing { color: var(--text-main) !important; border-left: var(--bsm3-border-default) solid var(--text-sub); } #sp-verify-root .signal-icon-min { stroke: var(--text-sub); fill: none; } #sp-verify-root .signal-text-min h4 { color: var(--text-main) !important; } #sp-verify-root .signal-text-min p { color: var(--text-main) !important; } #sp-verify-root .split-item { color: var(--card-text); } #sp-verify-root .check-icon { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-verify-root .relevance-warning { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-left: var(--bsm3-border-thick) solid var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)); } #sp-verify-root details summary { color: var(--text-sub) !important; } #sp-verify-root .tech-table th { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); color: var(--card-text); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #sp-verify-root .tech-table td { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--card-text) !important; } #sp-verify-root .tech-label { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-verify-root .card-gold { border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; box-shadow: none !important; } #sp-verify-root .gold-badge { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #sp-verify-root .level-label { color: var(--text-sub) !important; } #sp-verify-root .btn-card { border: var(--bsm3-border-thin) solid var(--text-sub); background: var(--bsm3-transparent); color: var(--card-text); } #sp-verify-root .btn-card:hover { background: var(--text-sub); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-verify-root .btn-gold { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } #sp-verify-root .btn-gold:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } #sp-wearables-root .wave-bar { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-welcome-root #bsm-app-root .star, #sp-welcome-root #bsm-app-root [class*="star"] { box-shadow: 0 0 10px 2px var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-welcome-root .cta-button:hover { box-shadow: none; filter: brightness(1.1); } #sp-welcome-root .ghost-button:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--text-main); color: var(--text-main) !important; } #sp-welcome-root .modal-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } #sp-welcome-root .modal-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep); border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } #sp-welcome-root .close-btn { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-welcome-root .skip-btn:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-mysleeptherapies-root { --teal-light: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); --red-light: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } #sp-mysleeptherapies-root[data-theme="day"] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #sp-mysleeptherapies-root[data-theme="night"] { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-mysleeptherapies-root .mtd-wrap .mtd-intro { color: var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--teal-light); border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-mysleeptherapies-root .mtd-wrap .mtd-intro strong { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-mysleeptherapies-root .mtd-panel-tab-btn.active { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } #sp-mysleeptherapies-root .mtd-search-input:focus { outline: none; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-mysleeptherapies-root .mtd-tag-badge, #sp-mysleeptherapies-root .mtd-btn { border: none; } #sp-mysleeptherapies-root .capacity-wrapper { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } #sp-mysleeptherapies-root .cap-header { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #sp-mysleeptherapies-root .cap-bar-bg { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } #sp-mysleeptherapies-root .cap-bar-fill { background: var(--cap-fill-color, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)); } #sp-mysleeptherapies-root .mtd-dropdown-toggle:hover, #sp-mysleeptherapies-root .mtd-dropdown-toggle:focus { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); outline: none; } #sp-mysleeptherapies-root .mtd-dropdown-toggle .mtd-chevron { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } #sp-mysleeptherapies-root .mtd-dropdown-item:hover { background: var(--teal-light); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-mysleeptherapies-root .mtd-dropdown-item.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #sp-mysleeptherapies-root .u-color-4aa3a2 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-mysleeptherapies-root .u-display-inline-block-background-e6f2f2-c { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } #sp-sleeprenderer-root .bsm-plan-media-btn:hover { text-decoration: underline; } #sp-sleeprenderer-root .u-text-align-center-color-b3402a-padding-4 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #sp-sleeprenderer-root .u-color-b3402a { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #sp-sleeprenderer-root .u-color-3a8281 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #sp-topnav-root .np-top-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } #sp-topnav-root .np-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--muted); border: none; } #sp-topnav-root .np-nav-btn.active { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-apnea-pathway .bsm-form-page-number { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-apnea-pathway .bsm-assessment { background-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-cbti-home .bsm-sleep-root .bsm-card, .page-slug-sleep-cbti-home .bsm-sleep-root .bsm-section { border-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .page-slug-sleep-home .bsm-point summary { color: var(--accent); } .page-slug-sleep-home .bsm-point[open] { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } body.page-slug-sleep-cbti-home { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .page-slug-sleep-cbti-home .moon::after { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-cbti-home .star { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-cbti-home #sleepMessage { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); text-shadow: none; } .page-slug-sleep-cbti-home #practiceButton { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); text-shadow: none; } .page-slug-sleep-cbti-home .session-video { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-cbti-home .video-overlay { background: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-cbti-home .video-home a { border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .page-slug-sleep-cbti-home .video-home svg { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-cbti-home #controls button { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-cbti-home #progressContainer { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-cbti-home #progressBar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-smart-light .ls-slider { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); box-shadow: none; } .page-slug-sleep-smart-light .ls-slider-header { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-black-000000-use-on-bg-sleep); background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-smart-light .ls-btn { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } .page-slug-sleep-smart-light .ls-btn:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .page-slug-sleep-smart-light .ls-result { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .page-slug-sleep-smart-light .ls-footnote { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-slider { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-black-000000-use-on-bg-sleep); box-shadow: none; } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-slider-header { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-btn { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-btn:hover { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-result { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } .page-slug-sleep-smart-light .bsm-sleep-root.daytime .ls-footnote { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-sleep-drugs .session-video { background: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-objectives .sleeppath-tab { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; } .page-slug-sleep-objectives .sleeppath-tab h3 { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-objectives .sleeppath-tab p { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-sleep-objectives .sleeppath-tab a { text-decoration: none; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .page-slug-sleep-objectives .sleeppath-tab a:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } :root { --bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); --border: var(--bsm3-color-ink-navy-1E1B48-use-on-border); } body { background: var(--bg); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-platform-katie .nn-menu-wrap { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-platform-katie .nn-desktop-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); text-decoration: none; } .page-slug-sleep-platform-katie .nn-desktop-title:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-link { text-decoration: none; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-platform-katie .nn-mini-menu a.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-platform-katie .nn-nav-sep { color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } @media (max-width:900px) { .page-slug-sleep-platform-katie .nn-menu-toggle { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-platform-katie .nn-mini-menu { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .page-slug-sleep-platform-katie .nn-desktop-title { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-link { border-bottom: none; } .page-slug-sleep-platform-katie .nn-mini-menu a.active { border-bottom: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-platform-katie .nn-mobile-hub-link { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); text-decoration: none; border-bottom: none; } .page-slug-sleep-platform-katie .nn-mobile-hub-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-platform-katie .nn-mobile-hub-link.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-pill { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-pill:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-pill.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: none; } @media (max-width:900px) { .page-slug-sleep-platform-katie .nn-mini-menu a.nn-nav-pill.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } } .page-slug-sleep-planner .nn-menu-wrap { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-planner .nn-desktop-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); text-decoration: none; } .page-slug-sleep-planner .nn-desktop-title:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-link { text-decoration: none; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-planner .nn-mini-menu a.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-planner .nn-nav-sep { color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } @media (max-width:900px) { .page-slug-sleep-planner .nn-menu-toggle { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-sleep-planner .nn-mini-menu { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .page-slug-sleep-planner .nn-desktop-title { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-link { border-bottom: none; } .page-slug-sleep-planner .nn-mini-menu a.active { border-bottom: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-planner .nn-mobile-hub-link { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); text-decoration: none; border-bottom: none; } .page-slug-sleep-planner .nn-mobile-hub-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-sleep-planner .nn-mobile-hub-link.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-pill { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-pill:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-sleep-planner .nn-mini-menu a.nn-nav-pill.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: none; } @media (max-width:900px) { .page-slug-sleep-planner .nn-mini-menu a.nn-nav-pill.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } } .page-slug-my-sleep-therapies .nn-menu-wrap { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-my-sleep-therapies .nn-desktop-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); text-decoration: none; } .page-slug-my-sleep-therapies .nn-desktop-title:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-link { text-decoration: none; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-my-sleep-therapies .nn-mini-menu a.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-my-sleep-therapies .nn-nav-sep { color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } @media (max-width:900px) { .page-slug-my-sleep-therapies .nn-menu-toggle { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-my-sleep-therapies .nn-mini-menu { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .page-slug-my-sleep-therapies .nn-desktop-title { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-link { border-bottom: none; } .page-slug-my-sleep-therapies .nn-mini-menu a.active { border-bottom: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-my-sleep-therapies .nn-mobile-hub-link { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); text-decoration: none; border-bottom: none; } .page-slug-my-sleep-therapies .nn-mobile-hub-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-my-sleep-therapies .nn-mobile-hub-link.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-pill { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-pill:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-pill.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: none; } @media (max-width:900px) { .page-slug-my-sleep-therapies .nn-mini-menu a.nn-nav-pill.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } } .pg-apnea-i001 { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; border: var(--bsm3-border-thick) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-apnea-i002 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-apnea-i003 { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i004 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-apnea-i009 { color: var(--diary-text) !important; } .pg-apnea-i010 { color: var(--diary-text-muted) !important; } .pg-apnea-i014 { color: var(--diary-text) !important; } .pg-apnea-i015 { color: var(--diary-text-muted) !important; } .pg-apnea-i029 { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .pg-apnea-i030 { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; box-shadow: none !important; } .pg-apnea-i031 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .pg-apnea-i033 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i034 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i036 { color: var(--brand-purple, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } .pg-apnea-i037 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i038 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i039 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i040 { background: var(--brand-purple,var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; } .pg-apnea-i045 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i046 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i047 { background: var(--brand-purple,var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border: none !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i048 { background: var(--bsm3-transparent) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i049 { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } .pg-apnea-i050 { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; box-shadow: none !important; } .pg-apnea-i051 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .pg-apnea-i053 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i054 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i055 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i056 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i058 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i060 { border-top: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } .pg-apnea-i061 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i062 { background: var(--brand-purple,var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) !important; border: none !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-apnea-i063 { background: var(--bsm3-transparent) !important; border: none !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-decoration: underline !important; } .pg-apnea-i064 { background: var(--glass-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--diary-text) !important; } .pg-cbti-module-0-i006 { color: var(--brand-purple) !important; } .pg-cbti-module-0-i009 { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_0.jpg') !important; /* 30 Sep 2026: was CBTI-MODULE0-THUMBNAIL.png (had words baked in) */ background-size: cover !important; background-position: center !important; } .pg-cbti-module-0-i010 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } .pg-cbti-module-0-i011 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-0-i012 { text-shadow: none !important; } .pg-cbti-module-0-i013 { text-shadow: none !important; } .pg-cbti-module-0-i014 { box-shadow: none !important; } .pg-cbti-module-0-i015 { text-shadow: none !important; } .pg-cbti-module-0-i019 { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-cbti-module-0-i031 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-0-i047 { color: var(--diary-text-muted) !important; } .pg-cbti-module-0-i048 { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } .pg-cbti-module-0-i049 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-0-i069 { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .pg-cbti-module-0-i073 { background: var(--inner-bg) !important; color: var(--diary-text) !important; } .pg-cbti-module-0-i077 { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border-left: var(--bsm3-border-thick) solid var(--brand-purple) !important; } .pg-cbti-module-0-i078 { color: var(--brand-purple) !important; } .pg-cbti-module-0-i079 { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-cbti-module-week1-day1-i002 { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } .pg-cbti-module-week1-day1-i003 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none !important; } .pg-cbti-module-week1-day1-i005 { border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week1-day1-i006 { border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week1-day1-i007 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week1-day2-i001 { background: var(--bsm3-transparent) !important; border: none !important; } .pg-cbti-module-week1-day2-i004 { background: var(--bsm3-transparent) !important; border: none !important; } .pg-cbti-module-week1-day2-i006 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--diary-text) !important; } .pg-cbti-module-week1-day2-i007 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week1-day4-i004 { color: var(--diary-text) !important; } .pg-cbti-module-week1-day4-i006 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week1-day5-i002 { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-cbti-module-week1-day5-i005 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week1-day5-i008 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week1-day6-i003 { color: var(--diary-text) !important; } .pg-cbti-module-week2-day1-i004 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week2-day1-i006 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week2-day1-i007 { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-cbti-module-week2-day1-i008 { border-bottom: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-cbti-module-week2-day6-i002 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week2-day6-i003 { color: var(--diary-text) !important; } .pg-cbti-module-week2-day7-i005 { border: none !important; } .pg-cbti-module-week2-day7-i006 { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-cbti-module-week2-day7-i008 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week2-day7-i009 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-cbti-module-week3-day1-i001 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week3-day1-i005 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; } .pg-cbti-module-week3-day1-i006 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .pg-cbti-module-week3-day1-i007 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .pg-cbti-module-week3-day1-i008 { background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-cbti-module-week3-day1-i011 { color: var(--diary-text) !important; } .pg-cbti-module-week3-day1-i012 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-cbti-module-week3-day2-i002 { color: var(--diary-text) !important; } .pg-cbti-module-week3-day3-i003 { color: var(--brand-purple) !important; } .pg-cbti-module-week3-day3-i004 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week3-day3-i007 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .pg-cbti-module-week3-day3-i008 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day3-i011 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week3-day3-i012 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day3-i015 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week3-day3-i020 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day3-i021 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day3-i022 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; } .pg-cbti-module-week3-day3-i024 { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week3-day3-i026 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week3-day3-i027 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .pg-cbti-module-week3-day4-i003 { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--brand-purple) !important; } .pg-cbti-module-week3-day4-i004 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day4-i011 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week3-day5-i003 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week3-day5-i009 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week3-day5-i010 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week3-day5-i011 { color: var(--brand-purple) !important; } .pg-cbti-module-week3-day5-i013 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-cbti-module-week3-day6-i001 { color: var(--diary-text) !important; } .pg-cbti-module-week3-day6-i003 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week3-day6-i004 { border-top: none !important; } .pg-cbti-module-week3-day7-i003 { color: var(--brand-purple) !important; } .pg-cbti-module-week3-day7-i004 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week3-day7-i012 { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week3-day7-i014 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-cbti-module-week3-day7-i015 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .pg-cbti-module-week4-day2-i001 { background: var(--inner-bg) !important; border: var(--bsm3-border-thin) dashed var(--glass-border) !important; } .pg-cbti-module-week4-day2-i002 { background: var(--brand-purple) !important; } .pg-cbti-module-week4-day2-i003 { fill: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week4-day2-i004 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week4-day2-i005 { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-cbti-module-week4-day3-i007 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-cbti-module-week4-day3-i010 { color: var(--diary-text-muted) !important; } .pg-cbti-module-week4-day4-i001 { color: var(--brand-purple) !important; } .pg-cbti-module-week4-day5-i001 { background: var(--inner-bg) !important; } .pg-cbti-module-week4-day6-i001 { border-left-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-cbti-module-week4-day6-i002 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-circadian-i002 { color: var(--diary-text) !important; } .pg-circadian-i003 { color: var(--diary-text-muted) !important; } .pg-circadian-i006 { color: var(--diary-text-muted) !important; } .pg-circadian-i007 { color: var(--diary-text) !important; } .pg-circadian-i009 { color: var(--diary-text-muted) !important; } .pg-circadian-i010 { border-top: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-circadian-i011 { color: var(--brand-purple) !important; } .pg-circadian-i012 { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } .pg-circadian-i013 { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } .pg-circadian-i014 { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } .pg-circadian-i015 { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } .pg-circadian-i017 { color: var(--brand-purple) !important; } .pg-circadian-i020 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-circadian-i031 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-circadian-i033 { background: var(--inner-bg) !important; border-color: var(--brand-purple) !important; } .pg-circadian-i034 { color: var(--brand-purple) !important; } .pg-circadian-i045 { color: var(--brand-purple) !important; } .pg-circadian-i047 { color: var(--brand-purple) !important; text-decoration: underline !important; } .pg-circadian-i060 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-circadian-planner-i002 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-circadian-planner-i004 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-circadian-planner-i005 { border-top: var(--bsm3-border-thin) solid var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-circadian-planner-i007 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-circadian-planner-i011 { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-circadian-planner-i014 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-circadian-planner-i015 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-circadian-planner-i016 { border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; } .pg-circadian-planner-i017 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-dashboard-i001 { color: var(--text-main) !important; } .pg-dashboard-i002 { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-dashboard-i005 { background: var(--brand-purple) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .pg-dashboard-i006 { background: var(--brand-purple) !important; } .pg-dashboard-i008 { stroke: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background) !important; fill: none !important; } .pg-dashboard-i014 { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-dashboard-i015 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-dashboard-i016 { background: var(--brand-purple) !important; } .pg-dashboard-i017 { background: var(--brand-purple) !important; } .pg-dashboard-i018 { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-dashboard-i019 { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-dashboard-i020 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-dashboard-i021 { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } .pg-jetlag-section-i028 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-jetlag-section-i037 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-jetlag-section-i039 { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } .pg-jetlag-section-i043 { color: var(--brand-purple) !important; } .pg-jetlag-section-i045 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-jetlag-section-i047 { color: var(--diary-text) !important; } .pg-jetlag-section-i049 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--glass-border) !important; } .pg-jetlag-section-i050 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-learn-i003 { color: var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline) !important; } .pg-learn-i004 { color: var(--text-sub) !important; } .pg-learn-i005 { color: var(--card-text) !important; } .pg-learn-i006 { color: var(--risk-ember, var(--bsm3-color-status-high-orange-F2994A-use-on-status-high)) !important; } .pg-learn-i007 { color: var(--text-sub) !important; } .pg-learn-i008 { color: var(--text-main) !important; } .pg-learn-i009 { color: var(--text-sub) !important; } .pg-learn-i010 { color: var(--text-sub) !important; } .pg-learn-i011 { color: var(--text-sub) !important; } .pg-learn-i012 { border-left: var(--bsm3-border-thick) solid var(--text-sub) !important; } .pg-legs-i001 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-legs-i003 { color: var(--diary-text-muted) !important; } .pg-legs-i004 { color: var(--diary-text) !important; } .pg-legs-i005 { background: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; border-bottom: var(--bsm3-border-thin) solid var(--glass-border, var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background)) !important; } .pg-legs-i006 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-legs-i007 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-legs-i008 { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-legs-i011 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; background: none !important; border: none !important; text-decoration: underline !important; } .pg-research-i001 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-research-i002 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-research-i005 { background: var(--text-sub) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: none !important; } .pg-shift-section-i008 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-shift-section-i016 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-shift-section-i018 { color: var(--diary-text) !important; } .pg-shift-section-i020 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border-color: var(--glass-border) !important; } .pg-sleep-diary-i003 { background: var(--glass-bg-hover) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; } .pg-sleep-diary-i005 { color: var(--diary-text) !important; } .pg-sleep-diary-i006 { border: none !important; background: var(--bsm3-transparent) !important; } .pg-sleep-dump-i001 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-sleep-planner-i001 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-sleep-planner-i002 { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-sleep-planner-i003 { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-sleep-planner-i004 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-sleep-planner-i005 { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-sleep-planner-i007 { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-default) dashed var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } .np-zone-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .pg-sleep-planner-i008 { color: var(--muted) !important; } .pg-sleep-planner-i009 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; text-decoration: none !important; } .pg-sleep-planner-i011 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--text) !important; } .pg-sleep-planner-i012 { background: var(--teal-light) !important; } .pg-sleep-planner-i013 { color: var(--text) !important; } .pg-sleep-planner-i014 { color: var(--muted) !important; } .pg-sleep-planner-i015 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--text) !important; } .pg-sleep-planner-i016 { color: var(--muted) !important; } .pg-sleep-planner-i018 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--glass-border) !important; color: var(--text) !important; } .pg-sleep-planner-i019 { color: var(--text) !important; } .pg-sleep-planner-i020 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-sleep-planner-i021 { color: var(--muted) !important; } .pg-sleep-planner-i023 { background: var(--teal-light) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; text-decoration: none !important; } .pg-sleep-planner-i024 { color: var(--muted) !important; } .pg-sleep-planner-i025 { color: var(--text) !important; } .pg-sleep-planner-i026 { color: var(--muted) !important; } .pg-sleep-planner-i028 { color: var(--muted) !important; } .pg-sleep-planner-i029 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } .pg-sleep-planner-i030 { color: var(--muted) !important; } .pg-sleep-planner-i031 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-verify-i003 { color: var(--text-main) !important; } .pg-verify-i004 { color: var(--card-text) !important; } .pg-verify-i007 { color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; } .pg-verify-i009 { color: var(--text-sub) !important; } .pg-wearables-i002 { color: var(--text-main) !important; } .pg-wearables-i003 { color: var(--text-sub) !important; } .pg-wearables-i014 { color: var(--text-sub) !important; } .pg-welcome-i001 { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-welcome-i002 { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } .pg-welcome-i003 { background: none !important; border: none !important; color: var(--text-sub) !important; text-decoration: underline !important; } .pg-mysleeptherapiesdashboard-i001 { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-mysleeptherapiesdashboard-i002 { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-mysleeptherapiesdashboard-i004 { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-mysleeptherapiesdashboard-i005 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-mysleeptherapiesdashboard-i006 { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-mysleeptherapiesdashboard-i007 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-mysleeptherapiesdashboard-i008 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-mysleeptherapiesdashboard-i009 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-transparent) !important; } .pg-mysleeptherapiesdashboard-i011 { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-transparent) !important; } .pg-mysleeptherapiesdashboard-i012.is-reactive { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } .pg-mysleeptherapiesdashboard-i012.is-preventative { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-body-core-green-16A34A-use-on-body-pillar-accent-icon) !important; } .pg-sleep-top-nav-i001 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; text-decoration: none !important; } .pg-admin-sleep-tools-crud-i001 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-admin-sleep-tools-crud-i002 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-admin-sleep-tools-crud-i008 { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } .pg-admin-sleep-tools-crud-i009 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-admin-sleep-tools-crud-i010 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-admin-sleep-tools-crud-i011 { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .pg-admin-sleep-tools-crud-i012 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-admin-sleep-tools-crud-i013 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-lightsmartsleep-i001 { background: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; box-shadow: none !important; } .pg-lightsmartsleep-i002 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } .pg-lightsmartsleep-i003 { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; border: none !important; } .bsm-video-poster-title { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; text-shadow: none !important; } #bsm-week1-day1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-week1-day2-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day2.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-week1-day3-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day3.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-week1-day4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-week1-day5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-week1-day6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week1_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d2-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day2.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d3-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day3.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w2-d6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week2_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w3-d1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w3-d2-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day2.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w3-d4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w3-d5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w3-d6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w4-d1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w4-d3-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day3.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w4-d4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w4-d5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w4-d6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w5-d1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week5_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w5-d2-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week5_day2.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w5-d4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week5_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w5-d5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week5_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w5-d6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week5_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d1-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day1.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d2-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day2.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d3-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day3.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d4-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day4.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d5-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day5.jpg') !important; background-size: cover !important; background-position: center !important; } #cbti-w6-d6-root .bsm-video-box { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week6_day6.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-w3d3-root .w3d3-video-frame { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week3_day3.jpg') !important; background-size: cover !important; background-position: center !important; } .pg-cbti-module-week4-day2-i001 { background-image: url('https://landlordsangel.com/images/cbti-posters/cbti_module_week4_day2.jpg') !important; background-size: cover !important; background-position: center !important; } .sleep-nav-plain { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); box-shadow: none; } .sleep-nav-plain .nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } .sleep-nav-plain .nav-btn:hover { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .sleep-nav-plain .sleep-nav-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bp-top-utility-links { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bp-top-utility-links a { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); text-decoration: none; } .bp-top-utility-links a:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .bp-sticky-bar { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); box-shadow: none; border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .bp-brand h1 { color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bp-top-nav-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); border: none; } .bp-top-nav-btn.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bp-mobile-menu-toggle { background: none; border: none; color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .bp-theme-btn { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); border: none; } .bp-theme-btn.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-entry-popup-overlay { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .bsm-entry-popup-box { background: var(--bsm3-color-black-000000-use-on-bg-sleep); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); box-shadow: none; } .bsm-entry-popup-text { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .bsm-entry-popup-btn { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); color: var(--bsm3-color-black-000000-use-on-bg-sleep); border: none; } #bsm-app-root .bp-brand h1 { color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } .page-slug-primary-sleep-therapies h3 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-primary-sleep-therapies > p { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-dash-v35 .profile-grid .ds-card h3 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-dash-v35 .profile-grid .ds-card p { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .profile-grid .ds-card { border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-dash-v35 .profile-grid .status-dot.dot-red { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #bsm-dash-v35 .profile-grid .status-dot.dot-orange { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-dash-v35 .profile-grid .status-dot.dot-yellow { background: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } #bsm-dash-v35 .profile-grid .status-dot.dot-green { background: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } #bsm-dash-v35 .profile-grid .status-dot.dot-grey { background: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text); } #bsm-dash-v35 .profile-grid .status-txt.txt-red { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-dash-v35 .profile-grid .status-txt.txt-orange { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-dash-v35 .profile-grid .status-txt.txt-yellow { color: var(--bsm3-color-status-elevated-yellow-EAB308-use-on-status-elevated) !important; } #bsm-dash-v35 .profile-grid .status-txt.txt-green { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } #bsm-dash-v35 .profile-grid .card-slim-right { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } #bsm-dash-v35 .profile-grid .card-slim-right svg { stroke: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } .wellness-subtitle { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-dash-v35 .wellness-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } #bsm-dash-v35 .wellness-link { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .buildplan-heading { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .buildplan-sub { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .plan-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .plan-card-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .plan-dot { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .plan-card-desc { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .plan-card-link { background: none; border: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .plan-card-link-locked { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .plan-combined { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .therapy-baseline-tag { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .therapy-baseline-arrow { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .therapy-heading { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-ring { background: conic-gradient(var(--bsm-score-color, var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon)) calc(var(--bsm-score-pct, 0) * 1%), var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) 0); } .progress-ring-inner { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .progress-ring-score { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-ring-lbl { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-freshness.fresh { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .progress-freshness.stale { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .progress-metric { border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .progress-metric-top { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-metric-val { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-metric-tag { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } .progress-metric-sub { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-viewfull { background: none; border: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .progress-insights-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-insights-sub { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-insights-empty { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-insight-item.amber { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } .progress-insight-item.red { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } .progress-insight-item.orange { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } .progress-insight-content strong { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-insight-content p { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .progress-insight-arrow { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .savedplans-loading, .savedplans-empty { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .savedplan-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .savedplan-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .savedplan-badge { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .savedplan-stats { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .savedplan-action { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); text-decoration: none; } .savedplan-action-primary { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } .page-slug-sleep-planner .np-wrapper, .page-slug-sleep-planner .np-wrapper[data-theme="day"], .page-slug-sleep-planner .np-wrapper[data-theme="night"], .page-slug-sleep-planner #np-screen-builder .np-wrapper { --bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --teal-light: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); --bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } .page-slug-sleep-planner .np-zone.reactive-zone .np-zone-title { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge:is(.bsm-focus-badge--fa1, .bsm-focus-badge--fa2, .bsm-focus-badge--fa3, .bsm-focus-badge--fa4, .bsm-focus-badge--pending) { background: var(--bsm3-transparent) !important; border-width: var(--bsm3-border-default) !important; border-style: solid !important; } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa1 { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa2 { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa3 { border-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--fa4 { border-color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } #bsm-app-root[data-theme="day"] #spa-stage :is(#apnea-journey-wrap, #bsm-spa-root, #circadian-dashboard-wrapper, #bsm-legs-wrapper) .bsm-edu-disorder-badge.bsm-focus-badge--pending { border-color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper :is(.bsm-mod0-tone--severe, .bsm-mod0-tone--high) { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-mod0-tone--elevated { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-mod0-tone--normal { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-mod0-tone--other { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-edu-q-value.bsm-edu-q-value--green { color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-edu-q-value.bsm-edu-q-value--yellow { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-edu-q-value.bsm-edu-q-value--orange { color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } #bsm-app-root[data-theme="day"] #spa-stage #bsm-module-0-wrapper .bsm-edu-q-value.bsm-edu-q-value--red { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } #bsm-app-root #spa-stage .bsm-block.bsm-jetleg-block { background: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-mind-outline-light-blue-93C5FD-use-on-mind-pillar-outline); } #bsm-app-root #spa-stage .progress-ring.progress-ring--tone-green { --bsm-score-color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal); } #bsm-app-root #spa-stage .progress-ring.progress-ring--tone-cyan { --bsm-score-color: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); } #bsm-app-root #spa-stage .progress-ring.progress-ring--tone-orange { --bsm-score-color: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high); } #bsm-app-root #spa-stage .progress-ring.progress-ring--tone-red { --bsm-score-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } .page-slug-primary-sleep-therapies .nn-menu-wrap { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-primary-sleep-therapies .nn-desktop-title { color: var(--bsm3-color-black-000000-use-on-bg-sleep); text-decoration: none; } .page-slug-primary-sleep-therapies .nn-desktop-title:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-link { text-decoration: none; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-primary-sleep-therapies .nn-mini-menu a.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-primary-sleep-therapies .nn-nav-sep { color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } @media (max-width:900px) { .page-slug-primary-sleep-therapies .nn-menu-toggle { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); color: var(--bsm3-color-black-000000-use-on-bg-sleep); } .page-slug-primary-sleep-therapies .nn-mini-menu { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } .page-slug-primary-sleep-therapies .nn-desktop-title { border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-link { border-bottom: none; } .page-slug-primary-sleep-therapies .nn-mini-menu a.active { border-bottom: none; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-primary-sleep-therapies .nn-mobile-hub-link { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); text-decoration: none; border-bottom: none; } .page-slug-primary-sleep-therapies .nn-mobile-hub-link:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } .page-slug-primary-sleep-therapies .nn-mobile-hub-link.active { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); } } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-pill { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); text-decoration: none; } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-pill:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-pill.active { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong); color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border-bottom: none; } @media (max-width:900px) { .page-slug-primary-sleep-therapies .nn-mini-menu a.nn-nav-pill.active { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } } #sp-mysleeptherapies-root .cap-bar-fill.is-full { background: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); } /* ===== PRIMARY SLEEP THERAPIES POP-UP -- 28 Sep 2026 (Day look) ===== White page dimmed with a white wash (no dark backgrounds), white box, navy border and text, no shadow. */ #psth-wrapper .psth-popup-backdrop { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); } #psth-wrapper .psth-popup-box { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general); border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border); box-shadow: none; } #psth-wrapper .psth-popup-msg { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); } /* ===== end PRIMARY SLEEP THERAPIES POP-UP ===== */ /* ===== MY SLEEP THERAPIES -- 28 Sep 2026 (Day look) ===== Inside the Day layer so these beat its general button look. Remove buttons: status red (text + border) on the pale alert pink. "more" link: sleep purple. Mobile filters: plain text, chosen one purple with a purple underline. */ @layer bsm-day-mode { body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root .mtd-card .mtd-btn.mtd-btn-remove, body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root .mtd-card .mtd-btn.mtd-btn-remove:hover { background-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root .mtd-card-desc .mst-desc-more { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background-color: var(--bsm3-transparent) !important; } @media (max-width: 900px) { body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) :is(#sp-mysleeptherapies-root, .np-wrapper) .bsm-cond-row .bsm-cond-btn, body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) :is(#sp-mysleeptherapies-root, .np-wrapper) .bsm-cond-row .bsm-cond-btn:hover { background-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: none !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-transparent) !important; } body:not(:has(:is(#sp-mysleeptherapies-root, .np-wrapper)[data-theme="sleep"])) :is(#sp-mysleeptherapies-root, .np-wrapper) .bsm-cond-row .bsm-cond-btn.bsm-cond-active { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: none !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } } /* end @layer bsm-day-mode (My Sleep Therapies) */ /* ===== end MY SLEEP THERAPIES ===== */ /* ===== CBT-I COURSE PAGE /sleep-cbti/ -- 28 Sep 2026 (Day look) ===== Inside the Day layer so it beats the layer's general look. White cards, navy text and borders, no shadows. Sleep purple for progress (moons, current week); status green for completed weeks; lavender grey for locked. */ @layer bsm-day-mode { body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moons, body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; box-shadow: none !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card.cbti-active { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card *, body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon, body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon * { background-color: var(--bsm3-transparent) !important; border-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card .cbti-card-icon { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card .cbti-card-icon-svg { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card .cbti-card-meta { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card .cbti-badge { background-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card.cbti-active .cbti-badge { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-card.cbti-completed .cbti-badge { background-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong) !important; border-color: var(--bsm3-color-body-outline-light-green-86EFAC-use-on-body-pillar-outline) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon-svg path { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon-svg .cbti-fill-stop { stop-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon-svg .cbti-empty-stop { stop-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } body:not(:has(#bsm-app-root[data-theme="sleep"])) #bsm-app-root #cbti-course .cbti-moon.cbti-active .cbti-moon-label { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode (CBT-I course) */ /* ===== end CBT-I COURSE PAGE ===== */ /* ===== VIEW THERAPY POP-UP (#np-modal-config) -- 29 Sep 2026 (Day look) ===== The pop-up sits outside .np-wrapper, so the planner's own Day rules miss it and the Day layer's catch-all painted it plain white with no border. Dim navy backdrop, white box with a navy border, sleep-purple media button. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .np-modal-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; box-shadow: var(--bsm3-elevation-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i012 { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i014, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i016 { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i015 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i015 strong { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i011, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .pg-sleep-planner-i011:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config #conf-media-section a, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config #conf-media-section a:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; text-decoration: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .np-input { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .np-save-btn, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config .np-save-btn:hover { background: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (View therapy pop-up) */ /* ===== end VIEW THERAPY POP-UP ===== */ /* ===== SLEEP MENU -- 29 Sep 2026 (Day look): Sleep Diary pill + Planner info pop-up ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-diary-btn, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsst-tabs-row .bsst-diary-btn:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info .bsst-info-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; box-shadow: var(--bsm3-elevation-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info :is(.bsst-info-title, .bsst-info-text) { background: var(--bsm3-transparent) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info .bsst-info-close, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info .bsst-info-close:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info .bsst-info-go, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsst-planner-info .bsst-info-go:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } } /* end @layer bsm-day-mode (Sleep menu) */ /* ===== FOUNDATION BADGE -- 29 Sep 2026 (Day look) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-fnd-badge { background: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } } /* end @layer bsm-day-mode (Foundation badge) */ /* ===== MY SLEEP THERAPIES VIEW POP-UP -- 29 Sep 2026 (Day look) ===== Dim navy backdrop, white box with a navy border, light-purple panel, sleep-purple media button -- same as the Sleep Planner View pop-up. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .bsm-card-popup-box { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; box-shadow: var(--bsm3-elevation-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .bsm-card-popup-close, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .bsm-card-popup-close:hover { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .pg-mysleeptherapiesdashboard-i005 { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .pg-mysleeptherapiesdashboard-i006 { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .pg-mysleeptherapiesdashboard-i006 strong { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .u-text-align-center a, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root #mst-global-modal .u-text-align-center a:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; text-decoration: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-mysleeptherapies-root .mst-cond-title { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (My Sleep Therapies view pop-up) */ /* ===== APNEA POP-UPS -- 29 Sep 2026 (Day look): dim navy backdrop instead of the catch-all white ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-quiz-overlay, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-commit-overlay { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } } /* end @layer bsm-day-mode (Apnea pop-ups) */ /* ===== SLEEP PLANNER LIST: FOUNDATION ROWS -- 29 Sep 2026 (Day look) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .np-wrapper .np-simple-row.np-simple-row-fnd, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .np-wrapper .np-simple-row.np-simple-row-fnd:hover { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .np-wrapper .np-simple-row.np-simple-row-fnd :is(.np-simple-row-left, .np-simple-row-left span:not(.bsm-fnd-badge), .np-simple-row-right) { background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (Sleep Planner Foundation rows) */ /* ===================================================================== DAY MODE APPEARANCE UPGRADE -- 29 Sep 2026 (Chris) -- LOOK PART Colour without shouting: white stays the page, sleep violet marks structure (headings, borders, numbers, active states). Layout in styleSleepShared.css, same heading. ===================================================================== */ @layer bsm-day-mode { /* Cards, sections and dividers: light lilac border instead of navy (brand: sleep outline) */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :where(*:not(#bsm-global-topbar, #bsm-global-topbar *, #wpadminbar, #wpadminbar *, button, [role="button"], [class*="btn"], [class*="button"], input, select, textarea, [class*="bcc-"], [class*="bcc-"] *)) { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(input, select, textarea):focus { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } /* Page titles: deep violet */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#spa-stage, #sp-mysleeptherapies-root, .np-wrapper, #psth-wrapper) h1:not(#bsm-global-topbar *) { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } /* "← Back" link */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-back-link, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-back-link:visited { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-transparent) !important; border: 0 !important; } /* Assessment page condition cards */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-grid .wellness-card { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-grid .wellness-card:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-grid .wellness-card:hover :is(.wellness-row, .wellness-title, .wellness-status, .status-txt, .bsm-dash-cond-desc, .wellness-link) { background-color: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-dash-cond-icon { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-dash-cond-icon svg, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-dash-cond-icon svg * { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-grid .wellness-link { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } /* Score dial: bigger, darker words beside the gauge */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-dial-card :is(.ari-dial-pct, .bsm-ssot-stat) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-source { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } /* Question lists: violet number bubbles, lilac lines, score pills in status colours */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row { border: 0 !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-num { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-text > span + span { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-value { background-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-value--green { background-color: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background) !important; color: var(--bsm3-color-status-normal-green-2E9E6C-use-on-status-normal) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-value--yellow { background-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-value--orange { background-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-edu-q-row .bsm-edu-q-value--red { background-color: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .ari-answer-block .ari-answer-row { border: 0 !important; border-bottom: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .ari-answer-block .ari-answer-row .ari-answer-a { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .ari-answer-block .ari-recap-divider, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-answers-label { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } /* Verification tab: two framed boxes like the hub */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-status-grid .bsm-verif-form { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-prod-img { background-color: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-prod-why { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-prod-why strong { background-color: var(--bsm3-transparent) !important; } /* Every pop-up box: violet border so it stands clear of the page */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(.np-modal-box, .bsm-modal-content, .modal-box, .wcs-modal, .psth-popup-box, .bsm-entry-popup-box, .bsm-card-popup-box, #bsm-quiz-modal, #bsm-commit-modal, .bsm-verif-compare, .bsst-info-box, #mst-global-modal .mst-modal-body, #bsm-legs-dayplan-modal > *) { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode (Day mode appearance upgrade) */ /* ===== CAPITALS -- 29 Sep 2026 (Chris): "capitalise first letter of each word only". Every label that common.css / styleTherapies.css set to ALL CAPS shows as Capitalised Words on the Sleep pages instead (styleSleepShared.css was switched directly). A layered !important beats their un-layered rules, so those shared files stay untouched for the rest of the site. ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is( .arch-btn, .ari-dial-title, .ari-gauge-status, .ari-recap-divider, .ari-validated-badge, .assess-hub-sandbox-title, .assess-hub-upnext-label, .assess-hub-v-badge, .bc-category, .bio-picker-label, .bo-header-title, .brand-tag, .bsm-breathing-phase, .bsm-catalog-week, .bsm-flip-week-tag, .bsm-guide-code-label, .bsm-guide-index-title, .bsm-guide-result-title, .bsm-jpp-card-title, .bsm-jpp-hero-eyebrow, .bsm-jpp-svc-badge, .bsm-jpp-svc-domain, .bsm-jpp-svc-includes-label, .bsm-legs-dayplan-step-label, .bsm-main-header, .bsm-mem-eyebrow, .bsm-mem-seat-label, .bsm-mem-status, .bsm-metric-detail-title, .bsm-preview-badge, .bsm-quiz-label, .bsm-sub-header, .bsm-timer-word, .btn-full, .ch-status, .ghost-button, .legend-item, .manual-badge, .manual-link-group-title, .manual-section-header, .manual-th, .metric-key, .mind-neuro-state-sup, .mind-neutral-title, .mp-list-badge, .mp-prog-labels, .mp-tl-label, .mt-cat-badge, .mt-ch-status, .mt-filter-label, .mt-header-title, .mt-mode-badge, .mt-overlay-badge, .mt-tier-badge, .mt-veto-label, .mt-veto-override-label, .mt-why-label, .nav-btn, .nav-support-btn, .overlay-badge, .r-label, .risk-section-title, .save-alert-title, .se-band-badge, .section-header, .theme-btn, .thresh-title, .tier-badge, .w2d2-status-text, .w2d2-step-badge, .w2d3-plan-divider, .w2d3-status-text, .w2d4-evidence-title, .w2d4-reframe-title, .w2d5-pb-optional-tag, .w2d6-helps-title, .w3d1-hunger-meter-label, .w3d4-summary-step, .w3d5-meter-label, .w3d6-badge-lock, .w3d6-badge-rec, .w3d6-eff-label, .w3d6-section-divider-label, .wf-save-title, .wf-why-label, .wr-bm-group, .wr-obj-label, .wr-stat-label, .bsm-nav-tabs a.bsm-tab-upgrade, .bsm-nav-tabs a.bsm-tab-assessment, .bsm-nav-tabs a.bsm-tab-personalisation, .bsm-nav-toggle, .sage-pill, .bp-top-utility-links a, .bsm-panic-drag-handle, .bsm-menu-head .bsm-eyebrow, .bsm-card .bsm-tag, .bsm-panic-panel h4, #cf-wrap label, #cf-wrap button, .pg-panic-sla-i001, .bsm-verif-source, .bsm-verif-label, .bsm-verif-prod-badge, .bsm-verif-btn, .bsm-verif-compare .bsm-verify-relevance strong, .bsm-verif-compare .bsm-verify-accordion details summary, .bsm-verif-compare .bsm-verify-table th, .bsm-verif-compare .bsm-verify-table td:first-child, .bsm-verif-compare .bsm-rec-badge, .bsm-verif-compare .bsm-verify-level, .bsm-verif-compare .bsm-verify-btn, .mtd-dropdown-group-label) { text-transform: capitalize !important; } } /* end @layer bsm-day-mode (capitals) */ /* ===== SLEEP ROUND 2 -- 30 Sep 2026 (Chris) -- DAY LOOK ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-ssot-dial-card .bsm-ssot-review-note { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .ari-answer-block .ari-recap-divider { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-method-icon { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-method-icon svg, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-option .bsm-verif-method-icon svg * { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) :is(.bsm-verif-prod-grid, .bsm-verif-option) .bsm-verif-prod { border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) .bsm-verif-compare .bsm-verify-intro .bsm-verify-why-inline { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .np-dup-warn { background-color: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-plan-looks-after { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-plan-looks-after strong { background: var(--bsm3-transparent) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-canvas-overlay .np-canvas-print-btn, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-canvas-overlay .np-canvas-print-btn * { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Sleep round 2) */ /* ===== SLEEP ROUND 3 -- 30 Sep 2026 (Chris) -- DAY LOOK ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-types-col .bsm-type-head .bsm-type-badge { border: 0 !important; background: var(--bsm3-transparent) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-plan-aim { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border: 0 !important; } } /* end @layer bsm-day-mode (Sleep round 3) */ /* ===== CBT-I VIDEO POSTERS -- 30 Sep 2026 (Chris) ===== Each module's video box has its own poster (the frame at 5s, rules above). The Day catch-all painted the box's inner layers white, so they covered it. Inner layers see-through again; the empty full-size layer is a light navy tint so the white title and "Click to Watch" read on top of the picture. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-box > span:not(.bsm-play-btn) { background-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-box > span.bsm-block:empty { background-color: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 35%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-box .bsm-play-btn svg { background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (CBT-I video posters) */ /* ===== CBT-I MODULES -- 30 Sep 2026 (Chris), round 2 ===== Myth / Fact: no box behind the two buttons (the Day button look was catching the row itself). Module 0 "Dr Sarah" video: its poster was hidden under the painted-white inner layers. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-btn-grid { background: var(--bsm3-transparent) !important; border: 0 !important; padding: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-placeholder span:not(.bsm-play-btn) { background-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-placeholder > span:empty { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 35%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) .bsm-video-placeholder .bsm-play-btn svg { background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (CBT-I modules round 2) */ /* ===== CBT-I FULL-SCREEN VIDEO -- 30 Sep 2026 (Chris): no white block behind the Pause / Restart / Sound buttons, the title or the close X (the Day catch-all painted them) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-cinematic-overlay :is(#bsm-video-controls, #bsm-video-overlay-title, #bsm-video-overlay-sub, #bsm-video-tooltag, #bsm-video-close) { background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-cinematic-overlay :is(#bsm-video-overlay-title, #bsm-video-overlay-sub, #bsm-video-tooltag) { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-cinematic-overlay #bsm-video-close svg { background: var(--bsm3-transparent) !important; stroke: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } } /* end @layer bsm-day-mode (CBT-I full-screen video) */ @layer bsm-day-mode { /* 30 Sep 2026: Assessment cards - Foundation therapy links (lavender pills, violet text) */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-foot, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-row, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-name, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-go, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-svg, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-svg * { background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-lbl { background: var(--bsm3-transparent) !important; border: 0 !important; color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-chip { background: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; box-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-chip :is(.bsm-dash-fnd-name, .bsm-dash-fnd-go) { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-ic { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-svg, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-svg * { stroke: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-chip:hover { background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; box-shadow: 0 4px 12px color-mix(in srgb, var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) 30%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-chip:hover :is(.bsm-dash-fnd-name, .bsm-dash-fnd-go) { color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-cond-grid .wellness-card:hover :is(.bsm-dash-cond-foot, .bsm-dash-fnd, .bsm-dash-fnd-row, .bsm-dash-fnd-lbl) { background-color: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (Assessment card Foundation links) */ @layer bsm-day-mode { /* 30 Sep 2026: Panic Buttons pop-up on Sleep pages - no white box behind the button arrow */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-cta span { background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (Panic Buttons pop-up) */ /* ===== 30 Sep 2026 (Chris): black behind every video in Day mode too (the Day catch-all was painting video boxes white) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(video, :is(div, span, figure, section):has(> video), :is(div, span, figure, section):has(> iframe[src*="youtube"], > iframe[src*="youtu.be"], > iframe[src*="vimeo"], > iframe[src*="cloudflarestream"], > iframe[src*="videodelivery"]), .bsm-video-box, .bsm-video-placeholder, .scene-video-frame, #bsm-cinematic-overlay) { background-color: var(--bsm3-color-black-000000-use-on-bg-sleep) !important; } } /* end @layer bsm-day-mode (black behind videos) */ /* 30 Sep 2026 (Chris): Sleep World scene cards show the frame at 5s of their video (Day) */ @layer bsm-day-mode { #bsm-sw-wrapper .scene-poster.cabin { background-image: url('https://landlordsangel.com/images/general/cosy_mountain_cabin.jpg') !important; background-size: cover !important; background-position: center !important; } #bsm-sw-wrapper .scene-poster.beach { background-image: url('https://landlordsangel.com/images/general/midnight_beach.jpg') !important; background-size: cover !important; background-position: center !important; } } /* end @layer bsm-day-mode (Sleep World posters) */ /* ===== 30 Sep 2026 (Chris): Panic Buttons pop-up colours on Sleep pages (Day catch-all would paint over them) ===== */ @layer bsm-day-mode { /* card colours: text colour = --sos-ink, pill background = --sos-bg */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-panic { --sos-ink: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe); --sos-bg: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-anxiety { --sos-ink: var(--bsm3-color-mind-core-blue-2563EB-use-on-mind-pillar-accent-icon); --sos-bg: var(--bsm3-color-mind-light-sky-blue-DBEAFE-use-on-mind-pillar-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-sleep { --sos-ink: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon); --sos-bg: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-meal { --sos-ink: var(--bsm3-color-body-deep-forest-green-166534-use-on-body-pillar-strong); --sos-bg: var(--bsm3-color-body-light-mint-DCFCE7-use-on-body-pillar-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-motivation { --sos-ink: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); --sos-bg: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-card.bsm-sos-grief { --sos-ink: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text); --sos-bg: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-close { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-menu-head .bsm-eyebrow { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-menu-head :is(h2, p) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; background: var(--bsm3-transparent) !important; } /* each card sits in a border of its own colour */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--sos-ink) !important; box-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card:hover { box-shadow: 0 0 0 var(--bsm3-border-default) var(--sos-ink), 0 10px 22px -14px var(--sos-ink) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-label { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-tag, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .pg-panic-sla-i001 { color: var(--sos-ink) !important; background: var(--sos-bg) !important; border: 0 !important; text-transform: none !important; letter-spacing: 0.02em !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-tag { padding: 4px 10px 4px 8px !important; } /* "Look and Listen" - same look as the site's other buttons */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-cta { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; filter: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-cta:hover { background: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-cta span { color: inherit !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-change-note { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; background: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-panic-root .bsm-panic-panel .bsm-card .bsm-change-note a { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (Panic Buttons colours) */ /* ===== 30 Sep 2026 (Chris): Reduce BMI card colours (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card :is(.bsm-bmi-head, .bsm-bmi-research, .bsm-bmi-stats, .bsm-bmi-stat-num, .bsm-bmi-stat-text, .bsm-bmi-stat-src, .bsm-bmi-stat-src em, .bsm-bmi-research-label, .bsm-bmi-warn > span:not(.bsm-bmi-warn-icon)) { background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-strat-icon-wrap { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-ref { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-research-label { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-stat { background: var(--bsm3-color-surface-pale-lavender-F1F0F9-use-on-card-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-stat:hover { border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; box-shadow: 0 10px 22px -16px var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-stat-num { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-stat-text { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card :is(.bsm-bmi-stat-src, .bsm-bmi-stat-src em) { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-stat:hover :is(.bsm-bmi-stat-src, .bsm-bmi-stat-src em) { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-warn { background: var(--bsm3-color-caution-cream-FEF3C7-use-on-status-warning-background) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-warn > span:not(.bsm-bmi-warn-icon) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-warn-icon { background: var(--bsm3-color-status-high-orange-F2994A-use-on-status-high) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: 0 !important; } } /* end @layer bsm-day-mode (Reduce BMI card) */ @layer bsm-day-mode { /* 30 Sep 2026: Reduce BMI tiny references (Day) */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card :is(.bsm-bmi-refs, .bsm-bmi-refs a, .bsm-bmi-refs em) { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-bmi-card .bsm-bmi-refs a:hover { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } } /* end @layer bsm-day-mode (Reduce BMI references) */ @layer bsm-day-mode { /* 30 Sep 2026: BMI Reduction tool frame -- no painted border or background */ body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-bmi-tool, body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-bmi-tool .bsm-bmi-frame { border: 0 !important; background: var(--bsm3-transparent) !important; box-shadow: none !important; } } /* end @layer bsm-day-mode (BMI Reduction frame) */ /* ===== 30 Sep 2026 (Chris): Open Airway Therapy page (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-strat-card .bsm-strat-head { background: var(--bsm3-transparent) !important; border: 0 !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-airway-result { background: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #apnea-journey-wrap .bsm-airway-result :is(.bsm-airway-result-head, .bsm-airway-result-title, .bsm-airway-result-list, .bsm-airway-result-list li) { background: var(--bsm3-transparent) !important; border: 0 !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Open Airway Therapy page) */ /* ===== 30 Sep 2026 (Chris): Sleep Planner "Before you save" pop-up + Saved plan "Apnea Plan" (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-forms :is(.np-modal-forms-title, .np-modal-forms-text, .np-modal-forms-list li) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-apnea-plan-card { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-apnea-plan-step + .bsm-apnea-plan-step { border-top: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root :is(.bsm-apnea-plan-step-title, .bsm-apnea-plan-list li) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Planner pop-up + Apnea Plan) */ /* ===== 1 Oct 2026 (Chris): Saved plan "Circadian Plan" link (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #sp-sleeprenderer-root .bsm-cir-plan-link { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; background: var(--bsm3-transparent) !important; } } /* end @layer bsm-day-mode (Circadian Plan link) */ /* ===== 1 Oct 2026 (Chris): Night Shift clash message (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-tool-section-shift .bsm-shift-clash { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } } /* end @layer bsm-day-mode (Night Shift clash message) */ /* ===== 1 Oct 2026 (Chris): Foundation page explainer (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #circadian-dashboard-wrapper[data-cir-only] .bsm-fnd-explainer { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Foundation explainer) */ /* ===== 1 Oct 2026 (Chris): "nights need you to choose" alert (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is((#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"]))) #panel-profile .bsm-sw-alert { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; background: var(--bsm3-color-attention-pink-FEE2E2-use-on-status-alert-background) !important; border-left: var(--bsm3-border-thick) solid var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } } /* end @layer bsm-day-mode (sleep window alert) */ /* ===== 1 Oct 2026 (Chris, General Improvements V1 A8): Sleep Planner builder (Day) ===== Time-of-day tabs on phones: plain links, active one underlined. Inside the Day layer with !important, because the layer's own button styling is !important (a layered !important can only be beaten from inside a layer). "When you need it" box: red dashed border, grey hint. */ @layer bsm-day-mode { @media (max-width: 900px) { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-zone-tabs .np-zone-tab { background: var(--bsm3-transparent) !important; background-image: none !important; border-style: solid !important; border-width: 0 0 var(--bsm3-border-thick) 0 !important; border-color: var(--bsm3-transparent) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-zone-tabs .np-zone-tab.active { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-zone-container.np-reactive-container { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-reactive-container .np-zone-title { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-zone-hint { color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } } /* end @layer bsm-day-mode (Sleep Planner builder) */ /* ===== 1 Oct 2026 (Chris): Sleep Planner -- "for when you need it" link (Day) ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-reactive-link { background: var(--bsm3-transparent) !important; border: 0 !important; box-shadow: none !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode (reactive link) */ /* ===== 1 Oct 2026 (Chris, General Improvements V1 A11 + A13): Sleep Planner tiles + pinned zone (Day) ===== Foundation "F" square: deep violet with white letter. Pinned tabs + zone keep a white background so the list scrolls cleanly underneath. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#np-screen-builder, #sp-mysleeptherapies-root) .bsm-fnd-badge.bsm-fnd-f { /* + My Sleep Therapies, Chris 6 Oct 2026 */ background: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } @media (max-width: 900px) { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-canvas { background: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } } } /* end @layer bsm-day-mode (Sleep Planner tiles + pinned zone) */ /* ===== 2 Oct 2026 (Chris, A13): Sleep Planner drop zone -- bin without its box (Day). Inside the layer with !important, because the layer's own button styling is !important. ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-mini-item .np-btn-del { min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--bsm3-transparent) !important; box-shadow: none !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-mini-item .np-btn-view { min-height: 0 !important; padding: 2px var(--bsm3-space-xs) !important; } } /* end @layer bsm-day-mode (drop zone bin) */ /* ===== 2 Oct 2026 (Chris, A13 round 2): zone tile eye (View) without a box, like the bin ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-mini-item .np-btn-eye { min-width: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--bsm3-transparent) !important; box-shadow: none !important; } } /* end @layer bsm-day-mode (zone eye) */ /* 2 Oct 2026 (Chris): brand eye icon colour (Day) */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-mini-item .np-btn-eye { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } } /* ===== 3 Oct 2026 (Chris): Sleep Planner (Day) -- condition links like the time tabs, deep-violet drop zone border, "Back to plans" as a plain deep-violet link. Inside the Day layer with !important: the layer's own button and border rules are !important (a layered !important can only be beaten from inside a layer). ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-cond-links .np-cond-link { background: var(--bsm3-transparent) !important; background-image: none !important; border-style: solid !important; border-width: 0 0 var(--bsm3-border-thick) 0 !important; border-color: var(--bsm3-transparent) !important; border-radius: 0 !important; box-shadow: none !important; min-height: 0 !important; color: var(--bsm3-color-ink3-lavender-gray-9D9BBF-use-on-secondary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-cond-links .np-cond-link.bsm-cond-active { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-zone-container:not(.np-reactive-container) { border-color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-screen-builder .np-back-to-plans { background: var(--bsm3-transparent) !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 0 !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } } /* end @layer bsm-day-mode (condition links, zone border, back link) */ /* ===== SLEEP SWEEP (Chris 5 Oct 2026), Day look ===== A5 / E3: the Day layer paints EVERY element white (the :where(*) rule near the top), so plain text inside a coloured button or alert showed a white box behind it ("Chat with Katie", the "nights need you to choose" alert). Plain text pieces inside buttons, links and the alert now let the colour behind them show through. The alert's "Choose" is a red button. */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(button, a, [role="button"]) :is(span, strong, b, em, i, small):not([class]), body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #panel-profile .bsm-sw-alert .bsm-sw-alert-text { background-color: var(--bsm3-transparent) !important; color: inherit !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #panel-profile .bsm-sw-alert .bsm-sw-alert-go { background-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; } } /* end @layer bsm-day-mode (sleep sweep) */ /* ===== CBT-I LESSON FRAME (Chris 5 Oct 2026), Day colours -- js/cbtiLesson.js. #spa-stage in each selector so these beat the layer's own button / card rules. ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(.cbti-lf-head, .cbti-lf-head-top, .cbti-lf-steps, .cbti-lf-step-now, .cbti-lf-day, .cbti-lf-nav, .cbti-lf-step, .cbti-lf-back) { background-color: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-back { color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-step-dot { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background-color: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-step-line { background-color: var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-dot-seen .cbti-lf-step-line { background-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-dot-current .cbti-lf-step-line { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(.cbti-lf-prev, .cbti-lf-next-hub) { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(.cbti-lf-next, .cbti-lf-next-go) { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(.cbti-lf-from-video, .cbti-lf-next-card) { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-next-card > :not(a) { background-color: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .cbti-lf-more { padding: 0 !important; border: 0 !important; background-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-sleep-deep-violet-6D28D9-use-on-sleep-pillar-strong) !important; } } /* end @layer bsm-day-mode (CBT-I lesson frame) */ /* ===== CBT-I WEEK HUBS (Chris 5 Oct 2026), Day colours: today's module = the one purple button on the page ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage [id$="-hub-root"] .bsm-btn-start { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode (CBT-I week hubs) */ /* ===== SLEEP SWEEP B (Chris 5 Oct 2026), Day colours: Schedule Plan / Before you save pop-ups dim the page like the therapy pop-up does; "Select Zone to Add" in ink, not faded grey ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#np-modal-track, #np-modal-forms) { background: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #np-modal-config h4.pg-sleep-planner-i016 { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (sleep sweep B) */ /* ===== SLEEP ANALYTICS (Chris 6 Oct 2026, Sleep v2), Day colours -- sleep_platform/analytics/sleep_analytics_form.php ===== */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-step, .sa-head, .sa-head *, .sa-tiles, .sa-tile, .sa-units, .sa-ft-in, .sa-metric-only, .sa-imperial-only, .sa-foot, .sa-done-actions, .sa-q, .sa-step-title, .sa-step-sub, .sa-done-title, .sa-done-text, .sa-missing-msg) { background-color: var(--bsm3-transparent) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-card, .sa-done) { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-head { padding-bottom: var(--bsm3-space-sm); border-bottom: var(--bsm3-border-thin) solid var(--bsm3-color-divider-lavender-gray-C8C6E0-use-on-dividers) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-progress { background-color: var(--bsm3-color-sleep-light-lavender-EDE9FE-use-on-sleep-pillar-background) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-progress-bar { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-step-title, .sa-q, .sa-done-title, .sa-units-label) { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-step-sub, .sa-done-text) { color: var(--bsm3-sleep-text-muted-day) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-tile-text, .sa-input) { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-tile input:checked + .sa-tile-text { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-unit-btn { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; border: var(--bsm3-border-thin) solid var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-about:not(.sa-imperial) .sa-unit-metric, .sa-about.sa-imperial .sa-unit-imperial) { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(#sa-page, .sa-gate) .sa-btn-main { background-color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage :is(#sa-page, .sa-gate) .sa-btn-ghost { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page :is(.sa-tiles.sa-missing .sa-tile-text, .sa-input.sa-missing) { border-color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage #sa-page .sa-missing-msg { color: var(--bsm3-color-status-severe-red-C0392B-use-on-status-severe) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .sa-gate { background-color: color-mix(in srgb, var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) 60%, var(--bsm3-transparent)) !important; } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .sa-gate .sa-gate-box { background-color: var(--bsm3-color-white-FFFFFF-use-on-bg-day-general) !important; border: var(--bsm3-border-default) solid var(--bsm3-color-ink-navy-1E1B48-use-on-border) !important; box-shadow: var(--bsm3-elevation-overlay-strong); } body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #spa-stage .sa-gate :is(.sa-gate-title, .sa-gate-text, .sa-gate-actions) { background-color: var(--bsm3-transparent) !important; color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Sleep Analytics) */ /* Sleep page: "Update My Sleep Analytics" link (Chris 6 Oct 2026) -- Day look */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) #bsm-app-root #bsm-dash-v35 .bsm-dash-sa-update { color: var(--bsm3-color-sleep-core-purple-7C3AED-use-on-sleep-pillar-accent-icon) !important; } } /* end @layer bsm-day-mode (Update My Sleep Analytics) */ /* Sleep page condition cards: "Foundation Therapies" label darker (Chris 6 Oct 2026) -- Day look */ @layer bsm-day-mode { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])) :is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper) #bsm-dash-v35 .bsm-dash-fnd-lbl { color: var(--bsm3-color-ink-navy-1E1B48-use-on-primary-text) !important; } } /* end @layer bsm-day-mode (Foundation Therapies label) */ /* Sleep Planner (Day look): plan-name and search box borders in Sleep purple, like the tiles and cards (Chris 7 Oct 2026). @layer legacy so the Brand CRUD note on .np-input (@layer bcc-overrides) can't override it. */ @layer legacy { body:not(:has(:is(#bsm-app-root, .np-wrapper, #sp-mysleeptherapies-root, #psth-wrapper)[data-theme="sleep"])).page-slug-sleep-planner #np-screen-builder :is(#np-plan-name, #np-search) { border-color: var(--bsm3-color-sleep-outline-light-purple-C4B5FD-use-on-sleep-pillar-outline) !important; } }