html.org { --o-pri: var(--org-c, #005A9C); --o-pri-d: #00467A; --o-pri-t: #EAF1F7; --o-pri-t2: #D9E6F1; --o-on: #FFFFFF; --o-bg: #F3F5F7; --o-surface: #FFFFFF; --o-surface2: #F7F9FA; --o-ink: #17242E; --o-muted: #51616D; --o-line: #D5DCE2; --o-line2: #E6EAEE; --o-danger: #B3261E; --o-danger-t: #FBECEB; --o-ok: #1E7B4A; --o-warn: #8A5300; --o-warn-t: #FFF6E5; --o-r: 10px; --o-r-sm: 8px; }
@supports (color: color-mix(in srgb, red 50%, blue)) { html.org { --o-pri-d: color-mix(in srgb, var(--o-pri) 80%, #000); --o-pri-t: color-mix(in srgb, var(--o-pri) 8%, #fff); --o-pri-t2: color-mix(in srgb, var(--o-pri) 15%, #fff); } }
html.org.dark:not(.hc) { --o-pri: #7FB6E0; --o-pri-d: #A9CFEC; --o-pri-t: #1B2A37; --o-pri-t2: #223545; --o-on: #0B1620; --o-bg: #0F151A; --o-surface: #182028; --o-surface2: #1E2831; --o-ink: #E7EDF1; --o-muted: #A6B4BF; --o-line: #2D3A45; --o-line2: #26323C; --o-danger: #F0958F; --o-danger-t: #3A1F1E; --o-ok: #7BCB9E; --o-warn: #E7B45E; --o-warn-t: #33290F; }
@supports (color: color-mix(in srgb, red 50%, blue)) { html.org.dark:not(.hc) { --o-pri: color-mix(in srgb, var(--org-c, #005A9C) 45%, #fff); --o-pri-d: color-mix(in srgb, var(--org-c, #005A9C) 30%, #fff); --o-pri-t: color-mix(in srgb, var(--org-c, #005A9C) 22%, #182028); --o-pri-t2: color-mix(in srgb, var(--org-c, #005A9C) 34%, #182028); } }
html.org:not(.hc) { --primary: var(--o-pri); --primary-2: var(--o-pri-d); --brand: var(--o-pri); --brand-2: var(--o-pri-d); --lapis: var(--o-pri); --garden: var(--o-pri); --bg: var(--o-bg); --surface: var(--o-surface); --surface-2: var(--o-surface2); --ink: var(--o-ink); --muted: var(--o-muted); --line: var(--o-line); --r: var(--o-r); --r-sm: var(--o-r-sm); --r3: var(--o-r); --sh: none; --sh-lg: 0 8px 24px rgba(15, 25, 35, .16); --sh3: none; --lift: none; --tint-g: var(--o-pri-t); --tint-g-b: var(--o-line); --ink-g: var(--o-pri-d); --tint-b: var(--o-pri-t); --tint-b-b: var(--o-line); --ink-b: var(--o-pri-d); --c: var(--o-pri); }

html.org:not(.hc) body { background: var(--o-bg) !important; color: var(--o-ink); padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
html.org:not(.hc) .topbar { background: var(--o-pri) !important; color: #fff !important; border-bottom: 0 !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.org.dark:not(.hc) .topbar { background: #14212C !important; border-bottom: 1px solid var(--o-line) !important; }
html.org .brand .brand-logo { display: none !important; }
html.org .brand .sr { position: absolute; }
html.org .org-brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; }
html.org .org-brand b { font-size: 17px; font-weight: 800; line-height: 1.4; max-width: 46vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.org .org-mark { display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; object-fit: contain; background: #fff; flex: none; }
html.org .org-mark-d { color: var(--org-c, #005A9C); }
html.org .org-mark-d svg { width: 72%; height: 72%; }
html.org:not(.hc) .topbar .tb-btn, html.org:not(.hc) .topbar .tb-sos { background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .55) !important; box-shadow: none !important; border-radius: var(--o-r-sm) !important; }
html.org:not(.hc) .topbar .tb-sos svg, html.org:not(.hc) .topbar .tb-btn svg { color: #fff !important; }
html.org:not(.hc) .topbar .tb-prof, html.org:not(.hc) .topbar .tb-prof .tb-me, html.org:not(.hc) .topbar .tb-prof .nm { color: #fff !important; }
html.org:not(.hc) .topbar .tb-btn.on, html.org:not(.hc) .topbar .tb-sos.on { background: rgba(255, 255, 255, .18) !important; }
html.org:not(.hc) .topbar .search { background: #fff; border-radius: var(--o-r-sm); border: 0; color: var(--o-ink); }
html.org:not(.hc) .clinic-bar { background: var(--o-warn-t); color: var(--o-warn); border-bottom: 1px solid var(--o-line); }

html.nb .pom-av.oav, html.nb .pom-av.pav-yavar { background: var(--o-pri-t) !important; background-image: none !important; color: var(--o-pri); box-shadow: inset 0 0 0 1px var(--o-line) !important; display: inline-flex; align-items: center; justify-content: center; }
html.org .topbar .pom-av.oav { background: #fff !important; color: var(--org-c, #005A9C); box-shadow: none !important; }
html.nb .pom-av .oi { width: 62%; height: 62%; }
html.nb .pom-face { display: inline-flex; align-items: center; justify-content: center; }
html.nb .pom-face .of { width: 100%; height: 100%; display: block; }
html.nb .of-0 { color: #B3261E; } html.nb .of-1 { color: #B5651D; } html.nb .of-2 { color: #51616D; } html.nb .of-3 { color: #2C7A62; } html.nb .of-4 { color: #1E7B4A; }
html.org.dark:not(.hc) .of-0 { color: #F0958F; } html.org.dark:not(.hc) .of-1 { color: #E7A867; } html.org.dark:not(.hc) .of-2 { color: #A6B4BF; } html.org.dark:not(.hc) .of-3 { color: #7CCDB4; } html.org.dark:not(.hc) .of-4 { color: #7BCB9E; }
html.nb .of .of-bg { fill: currentColor; fill-opacity: .09; }

html.org:not(.hc) .tabbar { left: 0 !important; right: 0 !important; bottom: 0 !important; max-width: none !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--o-line) !important; border-radius: 0 !important; background: var(--o-surface) !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 0 0 env(safe-area-inset-bottom) !important; }
html.org:not(.hc) .tabbar .tb-in { max-width: 640px; margin: 0 auto; gap: 0; padding: 0; }
html.org:not(.hc) .tabbar .tab { border-radius: 0 !important; background: none !important; color: var(--o-muted) !important; padding: 9px 2px 8px; font-size: 12.5px; border-top: 3px solid transparent; transition: none; }
html.org:not(.hc) .tabbar .tab svg { width: 23px; height: 23px; }
html.org:not(.hc) .tabbar .tab.on { color: var(--o-pri) !important; border-top-color: var(--o-pri); background: none !important; }
html.org:not(.hc) .tabbar .tab .badge { background: var(--o-danger); box-shadow: 0 0 0 2px var(--o-surface); }

html.org:not(.hc) .page-title { font-size: 22px; font-weight: 800; color: var(--o-ink) !important; }
html.org:not(.hc) .page-sub, html.org:not(.hc) .muted { color: var(--o-muted) !important; }
html.org:not(.hc) .sec-h h2, html.org:not(.hc) .sec-h h3 { font-size: 16px; font-weight: 800; color: var(--o-ink); }
html.org:not(.hc) a { color: var(--o-pri); }
html.org:not(.hc) .crumb { color: var(--o-pri) !important; }

html.org:not(.hc) .card, html.org:not(.hc) .tile, html.org:not(.hc) .big-act, html.org:not(.hc) .sug-card, html.org:not(.hc) .calm-banner, html.org:not(.hc) .calm-card, html.org:not(.hc) .daily-message, html.org:not(.hc) .personal-note, html.org:not(.hc) .me-head, html.org:not(.hc) .yavar-banner, html.org:not(.hc) .chat-head, html.org:not(.hc) .check-card, html.org:not(.hc) .ex-head, html.org:not(.hc) .account-card, html.org:not(.hc) .play-banner, html.org:not(.hc) .tl-row, html.org:not(.hc) .hp-row, html.org:not(.hc) .hp-more, html.org:not(.hc) .ex-row, html.org:not(.hc) .link-card, html.org:not(.hc) .stat, html.org:not(.hc) .today-main, html.org:not(.hc) .tm-step, html.org:not(.hc) .res-card, html.org:not(.hc) .set-g, html.org:not(.hc) .wl-g, html.org:not(.hc) .prof, html.org:not(.hc) .fh-card {
  background: var(--o-surface) !important; background-image: none !important; color: var(--o-ink) !important; border: 1px solid var(--o-line) !important; border-radius: var(--o-r) !important; box-shadow: none !important; text-shadow: none !important;
}
html.org:not(.hc) .card small, html.org:not(.hc) .tile .t-sub, html.org:not(.hc) .tile .t-count, html.org:not(.hc) .big-act small, html.org:not(.hc) .sug-card small, html.org:not(.hc) .calm-card small, html.org:not(.hc) .calm-banner small, html.org:not(.hc) .check-card small, html.org:not(.hc) .tl-row small, html.org:not(.hc) .hp-row small, html.org:not(.hc) .hp-more small, html.org:not(.hc) .yavar-banner small, html.org:not(.hc) .chat-head small, html.org:not(.hc) .me-head small, html.org:not(.hc) .me-week span, html.org:not(.hc) .link-card small, html.org:not(.hc) .account-card small, html.org:not(.hc) .play-banner small, html.org:not(.hc) .stat span { color: var(--o-muted) !important; opacity: 1 !important; }
html.org:not(.hc) .tile, html.org:not(.hc) .tl-row, html.org:not(.hc) .ex-row, html.org:not(.hc) .check-card, html.org:not(.hc) .calm-card { border-inline-start: 4px solid var(--c, var(--o-pri)) !important; }
html.org:not(.hc) .tile { min-height: 120px; }
html.org:not(.hc) .tile::after, html.org:not(.hc) .calm-card::after, html.org:not(.hc) .today-hero::after, html.org:not(.hc) .today-hero::before, html.org:not(.hc) .wl-hero::after, html.org:not(.hc) .wl-hero::before { display: none !important; }
html.org:not(.hc) .tile .t-title, html.org:not(.hc) .tile b, html.org:not(.hc) .tl-row b, html.org:not(.hc) .hp-row b, html.org:not(.hc) .big-act b, html.org:not(.hc) .sug-card b { color: var(--o-ink) !important; }
html.org:not(.hc) .tile .t-ic, html.org:not(.hc) .tl-ic, html.org:not(.hc) .hp-art, html.org:not(.hc) .cc-ic, html.org:not(.hc) .ba-ic, html.org:not(.hc) .mi-ic, html.org:not(.hc) .pb-ic, html.org:not(.hc) .calm-card .cc-ic, html.org:not(.hc) .check-card .cc-ic, html.org:not(.hc) .cb-moon, html.org:not(.hc) .hp-ui, html.org:not(.hc) .sg-play {
  background: var(--o-pri-t) !important; background-image: none !important; color: var(--o-pri) !important; box-shadow: none !important; border-radius: var(--o-r-sm) !important;
}
html.org:not(.hc) .cb-moon svg { fill: none; }
html.org:not(.hc) .me-week i { background: var(--o-surface2) !important; box-shadow: inset 0 0 0 1px var(--o-line) !important; }
html.org:not(.hc) .me-week i.on { background: var(--o-pri) !important; box-shadow: none !important; }
html.org:not(.hc) .me-sw { background: var(--o-surface2) !important; color: var(--o-pri) !important; border: 1px solid var(--o-line); }

html.org:not(.hc) .btn { border-radius: var(--o-r-sm) !important; box-shadow: none !important; background: var(--o-surface); color: var(--o-pri); border: 1px solid var(--o-line); font-weight: 700; min-height: 44px; text-shadow: none !important; }
html.org:not(.hc) .btn-primary, html.org:not(.hc) .btn-success, html.org:not(.hc) .tm-go { background: var(--o-pri) !important; background-image: none !important; color: var(--o-on) !important; border: 1px solid var(--o-pri) !important; box-shadow: none !important; border-radius: var(--o-r-sm) !important; }
html.org:not(.hc) .btn-primary svg, html.org:not(.hc) .btn-success svg, html.org:not(.hc) .tm-go svg { color: var(--o-on) !important; }
html.org:not(.hc) .tm-go .sg-play, html.org:not(.hc) .btn-success .sg-play { background: rgba(255, 255, 255, .2) !important; color: var(--o-on) !important; }
html.org:not(.hc) .btn-danger, html.org:not(.hc) .btn-danger.btn-lg { background: var(--o-danger) !important; color: #fff !important; border: 1px solid var(--o-danger) !important; }
html.org.dark:not(.hc) .btn-danger, html.org.dark:not(.hc) .btn-danger.btn-lg { background: #B3261E !important; border-color: #B3261E !important; }
html.org:not(.hc) .chip, html.org:not(.hc) .seg button, html.org:not(.hc) .wl-lang, html.org:not(.hc) .goal-chip, html.org:not(.hc) .need-chip { border-radius: var(--o-r-sm) !important; background: var(--o-surface) !important; background-image: none !important; color: var(--o-ink) !important; border: 1px solid var(--o-line) !important; box-shadow: none !important; }
html.org:not(.hc) .chip.on, html.org:not(.hc) .seg button.on, html.org:not(.hc) .wl-g.on, html.org:not(.hc) .goal-chip.on, html.org:not(.hc) .need-chip.on { background: var(--o-pri-t2) !important; color: var(--o-pri-d) !important; border-color: var(--o-pri) !important; box-shadow: none !important; }
html.org:not(.hc) .seg { background: none !important; border: 0 !important; gap: 6px; box-shadow: none !important; }
html.org:not(.hc) .form-control, html.org:not(.hc) input[type="text"], html.org:not(.hc) input[type="search"], html.org:not(.hc) input[type="password"], html.org:not(.hc) input[type="tel"], html.org:not(.hc) textarea, html.org:not(.hc) select { border-radius: var(--o-r-sm) !important; border: 1px solid #9AA8B3; background: var(--o-surface); color: var(--o-ink); box-shadow: none !important; }
html.org:not(.hc) .form-control:focus, html.org:not(.hc) textarea:focus, html.org:not(.hc) select:focus, html.org:not(.hc) input:focus { outline: 2px solid var(--o-pri); outline-offset: 1px; border-color: var(--o-pri); }
html.org:not(.hc) .tl-search { background: var(--o-surface) !important; border: 1px solid #9AA8B3 !important; border-radius: var(--o-r-sm) !important; box-shadow: none !important; }

html.org:not(.hc) .mood-card { background: var(--o-surface) !important; }
html.org:not(.hc) .mood-row .face-btn, html.org:not(.hc) .face-btn { background: var(--o-surface) !important; border: 1px solid var(--o-line) !important; border-radius: var(--o-r-sm) !important; box-shadow: none !important; color: var(--o-ink) !important; }
html.org:not(.hc) .mood-row .face-btn.on, html.org:not(.hc) .face-btn.on { background: var(--o-pri-t2) !important; border-color: var(--o-pri) !important; box-shadow: none !important; }
html.org:not(.hc) .today-hero, html.org:not(.hc) .wl-hero, html.org:not(.hc) .wl-hero.small { background: var(--o-surface) !important; background-image: none !important; border: 1px solid var(--o-line); border-radius: var(--o-r) !important; box-shadow: none !important; height: auto !important; min-height: 0; }
html.org:not(.hc) .wl2-hero { padding: 18px 0 6px; text-align: center; }
html.org:not(.hc) .wl2-hero .org-mark { border: 1px solid var(--o-line); border-radius: 16px; }
html.nb .account-art:empty, html.nb .garden-mini, html.org .tm-garden, html.org .th-tree, html.org .m-tree, html.org .me-lvl, html.org .lvl-card, html.org .streak-card, html.org .gm-pts { display: none !important; }

html.org:not(.hc) .hp-urgent, html.org:not(.hc) .sos-hero { background: var(--o-danger-t) !important; background-image: none !important; color: var(--o-ink) !important; border: 1px solid var(--o-danger) !important; border-inline-start-width: 4px !important; border-radius: var(--o-r) !important; box-shadow: none !important; }
html.org:not(.hc) .sos-hero h2, html.org:not(.hc) .sos-hero p, html.org:not(.hc) .hp-urgent h2, html.org:not(.hc) .hp-urgent p { color: var(--o-ink) !important; text-shadow: none !important; }
html.org:not(.hc) .hp-urgent .hp-ui { background: var(--o-danger) !important; color: #fff !important; }
html.org:not(.hc) .call-btn { background: var(--o-danger) !important; background-image: none !important; color: #fff !important; border-radius: var(--o-r-sm) !important; box-shadow: none !important; }
html.org.dark:not(.hc) .call-btn { background: #B3261E !important; }
html.org:not(.hc) .call-btn.trusted, html.org:not(.hc) .call-btn.counsel { background: var(--o-pri) !important; color: var(--o-on) !important; }
html.org:not(.hc) .call-btn.counsel small, html.org:not(.hc) .call-btn.trusted small, html.org:not(.hc) .call-btn.counsel svg, html.org:not(.hc) .call-btn.trusted svg { color: var(--o-on) !important; }
html.org:not(.hc) .note, html.org:not(.hc) .hp-note { background: var(--o-warn-t) !important; color: var(--o-ink) !important; border: 1px solid var(--o-line) !important; border-radius: var(--o-r-sm) !important; }
html.org:not(.hc) .modal, html.org:not(.hc) .info-sheet { border-radius: var(--o-r) !important; background: var(--o-surface) !important; color: var(--o-ink) !important; }
html.org:not(.hc) .app-toast { border-radius: var(--o-r-sm) !important; background: #17242E !important; color: #fff !important; box-shadow: var(--sh-lg) !important; }
html.org:not(.hc) .badge { background: var(--o-danger); }
html.org:not(.hc) .bar > span, html.org:not(.hc) .progress > span { background: var(--o-pri) !important; }
html.org:not(.hc) .cal i.on { background: var(--o-pri) !important; }
html.org:not(.hc) .foot { color: var(--o-muted); }
html.org:not(.hc) .qx { border-radius: var(--o-r-sm); }
html.org:not(.hc) details.set-g > summary { background: none !important; }
html.org:not(.hc) .set-ic { background: var(--o-pri-t) !important; color: var(--o-pri) !important; border-radius: var(--o-r-sm) !important; }
html.org:not(.hc) .bt-card, html.org:not(.hc) .bb-tour .bt-card { border-radius: var(--o-r) !important; box-shadow: var(--sh-lg) !important; }
html.org:not(.hc) .bt-ring { border-radius: var(--o-r-sm) !important; }
@media (min-width: 700px) { html.org:not(.hc) .tabbar { bottom: 0 !important; } }
html.org:not(.hc) .card .mi { background: none !important; border: 0 !important; border-bottom: 1px solid var(--o-line2) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--o-ink) !important; }
html.org:not(.hc) .card .mi:last-child { border-bottom: 0 !important; }
html.org:not(.hc) .mi small { color: var(--o-muted) !important; }
html.org:not(.hc) .tm-done, html.org:not(.hc) .ci-done, html.org:not(.hc) .tm-pill { background: var(--o-pri-t) !important; color: var(--o-pri-d) !important; border: 1px solid var(--o-line) !important; border-radius: var(--o-r-sm) !important; }
html.org:not(.hc) .tm-dots i.on, html.org:not(.hc) .st-dots i.on, html.org:not(.hc) .wl-dots i.on { background: var(--o-pri) !important; }
html.org:not(.hc) .wl-langs, html.org:not(.hc) .wl2-hero, html.org:not(.hc) .wl2-langs { background: none !important; background-image: none !important; border: 0 !important; box-shadow: none !important; }
html.org:not(.hc) .wl2-hero::before, html.org:not(.hc) .wl2-hero::after { display: none !important; }
html.org:not(.hc) .wl-account-link, html.org:not(.hc) .wl-l, html.org:not(.hc) .wl2-alt { color: var(--o-pri) !important; }
html.org:not(.hc) .wl2-h, html.org:not(.hc) .wl-hero h1 { color: var(--o-ink) !important; }
html.org:not(.hc) .wl2-easy, html.org:not(.hc) .wl-easy { background: var(--o-surface2) !important; background-image: none !important; border: 1px solid var(--o-line) !important; border-radius: var(--o-r) !important; box-shadow: none !important; }
html.org:not(.hc) .stat b { color: var(--o-pri) !important; }
html.org:not(.hc) .greet h1, html.org:not(.hc) .tm-greet, html.org:not(.hc) .th-txt h1 { color: var(--o-ink) !important; }
html.nb:not(.org) .pom-av.oav, html.nb:not(.org) .pom-av.pav-yavar { background: #E7F3EE !important; background-image: none !important; color: #2F6F57; box-shadow: inset 0 0 0 1px #CFE3DA !important; }
html.nb.dark:not(.org):not(.hc) .pom-av.oav, html.nb.dark:not(.org):not(.hc) .pom-av.pav-yavar { background: #1E2B26 !important; color: #9AD2BA; box-shadow: inset 0 0 0 1px #2F4138 !important; }
html.nb .wl2-hero:empty, html.nb .account-art:empty, html.nb .bt-bird:empty, html.nb .yv-art:empty { display: none !important; }
html.nb .of { stroke-width: 1.7; }