:root {
            color-scheme: light;
            --app-border-gray: rgb(226 232 240 / 0.3);
            --app-ring-gray: rgb(226 232 240 / 0.26);
            --app-heaven-500: #5f8ef5;
            --app-heaven-600: #4a74df;
            --app-heaven-700: #385dc1;
            --app-list-icon-size: 1.4rem;
            --app-list-icon-slot: 1.6rem;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            background-color: #f1f5f9;
        }

        body {
            font-family: "Plus Jakarta Sans", "Poppins", sans-serif;
        }

        html[data-app-distribution="store"] .app-web-install-only,
        html[data-app-launch-mode="installed-pwa"] .app-web-install-only,
        html[data-app-distribution="store"] .app-web-measurement-only,
        html[data-app-distribution="store"][data-native-platform="ios"] .app-ios-store-hidden {
            display: none !important;
        }

        .hero-noise {
            background-image: url('/assets/images/bg-faith-hero.webp');
            background-position: top;
            background-size: cover;
            background-repeat: no-repeat;
            min-height: 320px;
        }

        #vanta-hero-app {
            pointer-events: none;
            z-index: 0;
        }

        #vanta-hero-app canvas {
            opacity: 0.94 !important;
            mix-blend-mode: normal;
            filter: saturate(1.38) contrast(1.2) brightness(1.03);
        }

        .reveal {
            animation: rise 0.65s ease-out both;
        }

        .glass-card {
            background: transparent;
            border: 1px solid transparent;
        }

        @media (min-width: 768px) {
            .glass-card {
                background-color: rgb(255 255 255 / 0.95);
                border-color: rgba(255, 255, 255, 0.88);
            }
        }

        .metric-chip {
            border: 1px solid rgba(255, 255, 255, 0.42);
            background: linear-gradient(140deg, rgba(255, 255, 255, 0.6) 0%, rgba(245, 251, 255, 0.42) 100%);
            color: #2f4f93;
            box-shadow: 0 10px 26px -22px rgba(42, 67, 142, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.86);
            backdrop-filter: blur(14px) saturate(160%);
        }

        .hero-liquid-pill {
            border: 1px solid rgba(255, 255, 255, 0.46);
            background: linear-gradient(140deg, rgba(255, 255, 255, 0.74) 0%, rgba(238, 246, 255, 0.52) 100%);
            color: #2f4f93;
            box-shadow: 0 12px 30px -22px rgba(42, 67, 142, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(16px) saturate(170%);
        }

        .hero-liquid-card {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.46);
            background: linear-gradient(150deg, rgba(255, 255, 255, 0.75) 0%, rgba(246, 251, 255, 0.5) 52%, rgba(242, 248, 255, 0.46) 100%);
            box-shadow: 0 18px 36px -28px rgba(34, 54, 113, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(18px) saturate(170%);
        }

        .hero-liquid-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(122deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.18) 100%);
            pointer-events: none;
        }

        #appHeroPromise.app-hero-promise-full {
            display: block;
            overflow: visible;
            -webkit-line-clamp: initial;
            -webkit-box-orient: initial;
            text-overflow: clip;
        }

        @media (min-width: 1024px) {
            .app-hero-desktop-hidden {
                display: none !important;
            }

            #appHeroSection.app-hero-desktop-off {
                display: none !important;
            }

            #appHeroSection.app-hero-desktop-internal {
                min-height: 0;
                margin-top: 0.75rem;
                padding: 1rem 1.1rem !important;
                border-radius: 1.5rem;
            }

            #appHeroSection.app-hero-desktop-internal #vanta-hero-app {
                opacity: 0.68;
            }

            #appHeroGrid.app-hero-grid-desktop-internal {
                grid-template-columns: minmax(0, 1fr);
                gap: 0.82rem;
                align-items: center;
            }

            #appHeroSection.app-hero-desktop-internal .hero-liquid-card {
                max-width: 24rem;
                margin-left: auto;
                padding: 0.88rem 0.98rem;
                border-radius: 1.15rem;
                box-shadow: 0 16px 28px -30px rgba(34, 54, 113, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.92);
            }

            #appHeroSection.app-hero-desktop-internal #appDate {
                margin-top: 0.4rem;
                font-size: 1rem;
                line-height: 1.4;
            }

            #appHeroSection.app-hero-desktop-internal #appHeroPromise {
                margin-top: 0.34rem;
                font-size: 0.9rem;
                line-height: 1.52;
            }

            #appHeroSection.app-hero-desktop-internal #appHeroRef {
                margin-top: 0.32rem;
            }
        }

        .panel-hidden {
            display: none !important;
        }

        .daily-card {
            position: relative;
            overflow: hidden;
            border-radius: 1.35rem;
        }

        .daily-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.32) 62%, rgba(255, 255, 255, 0.24) 100%);
            z-index: 0;
        }

        .daily-card::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 42%, rgba(255, 255, 255, 0.12) 100%);
            z-index: 0;
        }

        .daily-card > * {
            position: relative;
            z-index: 1;
        }

        .eveil-daily-card::before {
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0.11) 100%);
        }

        .home-daily-card::before {
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0.11) 100%);
        }

        .eveil-daily-card::after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(255, 255, 255, 0.07) 100%);
        }

        .home-daily-card::after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 45%, rgba(255, 255, 255, 0.07) 100%);
        }

        .card-background {
            position: absolute;
            inset: 0;
            background-size: cover;
            background-position: center;
        }

        .daily-content {
            position: relative;
            overflow: hidden;
            border-radius: 1rem;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.82),
                inset 0 -1px 0 rgba(255, 255, 255, 0.14),
                0 12px 28px -24px rgba(15, 23, 42, 0.42),
                0 4px 12px -14px rgba(95, 142, 245, 0.3);
        }

        .eveil-daily-card .daily-content {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.07) 58%, rgba(255, 255, 255, 0.03) 100%);
        }

        .home-daily-card .daily-content {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.07) 58%, rgba(255, 255, 255, 0.03) 100%);
        }

        .daily-content::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.22) 62%, rgba(255, 255, 255, 0.12) 100%);
            pointer-events: none;
            z-index: 0;
        }

        .eveil-daily-card .daily-content::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.58) 54%, rgba(255, 255, 255, 0.36) 74%, rgba(255, 255, 255, 0.1) 100%);
        }

        .home-daily-card .daily-content::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.58) 54%, rgba(255, 255, 255, 0.36) 74%, rgba(255, 255, 255, 0.1) 100%);
        }

        .home-daily-card .daily-copy {
            color: #0f172a;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92);
        }

        .home-daily-card .font-title {
            color: #0f172a;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
        }

        .app-daily-card-top {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.75rem;
        }

        .app-daily-card-actions {
            display: inline-flex;
            align-items: center;
            justify-content: flex-end;
            gap: 0.4rem;
            flex: 0 0 auto;
        }

        .app-daily-verse-card,
        .app-daily-song-card {
            cursor: pointer;
            transition:
                transform 180ms ease,
                box-shadow 180ms ease,
                filter 180ms ease;
        }

        .app-daily-verse-card:hover,
        .app-daily-verse-card:focus-visible,
        .app-daily-song-card:hover,
        .app-daily-song-card:focus-visible {
            transform: translateY(-1px);
            filter: saturate(1.03);
        }

        .app-daily-verse-card:focus-visible,
        .app-daily-song-card:focus-visible {
            outline: 2px solid rgba(37, 99, 235, 0.95);
            outline-offset: 4px;
        }

        .app-daily-share-btn,
        .app-daily-like-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.1rem;
            min-width: 2.1rem;
            height: 1.78rem;
            border-radius: 0.65rem;
            border: none;
            background: rgba(255, 255, 255, 0.94);
            color: #86a3ee;
            box-shadow:
                0 10px 22px -20px rgba(15, 23, 42, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.92);
            transition:
                transform 180ms ease,
                background-color 180ms ease,
                color 180ms ease,
                box-shadow 180ms ease;
        }

        .app-daily-like-btn {
            gap: 0.18rem;
            width: auto;
            min-width: 2.36rem;
            padding: 0 0.48rem;
            color: #f43f5e;
            cursor: pointer;
        }

        .app-daily-like-icon {
            width: 1.02rem;
            height: 1.02rem;
            fill: transparent;
            stroke: currentColor;
            stroke-width: 22;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition:
                transform 180ms ease,
                fill 180ms ease,
                stroke 180ms ease;
        }

        .app-daily-like-btn[data-liked="true"] .app-daily-like-icon {
            fill: currentColor;
            transform: scale(1.08);
        }

        .app-daily-like-count {
            min-width: 0.5rem;
            font-size: 0.68rem;
            font-weight: 800;
            line-height: 1;
            color: #64748b;
        }

        .app-daily-like-btn[data-liked="true"] {
            background: rgba(255, 241, 242, 0.98);
            color: #f43f5e;
            box-shadow:
                0 14px 26px -22px rgba(244, 63, 94, 0.34),
                inset 0 1px 0 rgba(255, 255, 255, 0.94);
        }

        .app-daily-like-btn[data-liked="true"] .app-daily-like-count {
            color: #f43f5e;
        }

        .app-daily-share-icon {
            width: 0.98rem;
            height: 0.98rem;
            flex: 0 0 auto;
            display: block;
        }

        .app-daily-share-btn:hover,
        .app-daily-like-btn:hover {
            transform: translateY(-1px);
            background: #ffffff;
            color: #7392e6;
            box-shadow:
                0 14px 26px -22px rgba(15, 23, 42, 0.36),
                inset 0 1px 0 rgba(255, 255, 255, 0.94);
        }

        .app-daily-like-btn:hover {
            color: #e11d48;
        }

        .app-daily-share-btn:focus-visible,
        .app-daily-like-btn:focus-visible {
            outline: 2px solid rgba(37, 99, 235, 0.95);
            outline-offset: 2px;
        }

        .app-daily-share-btn:disabled,
        .app-daily-like-btn:disabled {
            opacity: 0.58;
            cursor: default;
            box-shadow:
                0 8px 18px -18px rgba(15, 23, 42, 0.22),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
        }

        .app-home-share-feedback[hidden] {
            display: none !important;
        }

        .app-home-share-feedback {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            margin: 0 0 0.9rem 0.25rem;
            padding: 0.45rem 0.8rem;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow:
                0 10px 24px -22px rgba(15, 23, 42, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.92);
            font-size: 0.84rem;
            line-height: 1.4;
            color: #64748b;
            backdrop-filter: blur(8px);
            transition:
                color 180ms ease,
                background-color 180ms ease,
                box-shadow 180ms ease;
        }

        .app-home-share-feedback[data-tone="success"] {
            color: #047857;
            background: rgba(236, 253, 245, 0.92);
        }

        .app-home-share-feedback[data-tone="error"] {
            color: #b91c1c;
            background: rgba(254, 242, 242, 0.92);
        }

        .app-pwa-update[hidden] {
            display: none !important;
        }

        .app-pwa-update {
            position: fixed;
            inset: 0;
            z-index: 120;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
        }

        .app-pwa-update-scrim {
            position: absolute;
            inset: 0;
            background: rgba(15, 23, 42, 0.46);
            backdrop-filter: blur(7px);
        }

        .app-pwa-update-card {
            position: relative;
            width: min(100%, 27rem);
            border-radius: 1.35rem;
            border: 1px solid rgba(255, 255, 255, 0.58);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%);
            box-shadow:
                0 28px 60px -36px rgba(15, 23, 42, 0.58),
                inset 0 1px 0 rgba(255, 255, 255, 0.98);
            padding: 1.2rem;
        }

        .app-pwa-update-kicker {
            margin: 0 0 0.45rem;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: #5f8ef5;
        }

        .app-pwa-update-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.75rem;
        }

        .app-pwa-update-title {
            margin: 0;
            font-size: 1.2rem;
            line-height: 1.2;
            color: #0f172a;
        }

        .app-pwa-update-version {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 2rem;
            padding: 0.34rem 0.75rem;
            border-radius: 999px;
            background: rgba(95, 142, 245, 0.12);
            color: #365ab8;
            font-size: 0.8rem;
            font-weight: 700;
        }

        .app-pwa-update-copy {
            margin: 0.95rem 0 0;
            font-size: 0.95rem;
            line-height: 1.62;
            color: #475569;
        }

        .app-pwa-update-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 1rem;
        }

        .app-pwa-update-btn {
            flex: 1 1 12rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 2.85rem;
            border: none;
            border-radius: 0.9rem;
            font-size: 0.95rem;
            font-weight: 700;
            cursor: pointer;
            transition:
                transform 180ms ease,
                box-shadow 180ms ease,
                background-color 180ms ease,
                color 180ms ease;
        }

        .app-pwa-update-btn:hover {
            transform: translateY(-1px);
        }

        .app-pwa-update-btn:focus-visible {
            outline: 2px solid rgba(37, 99, 235, 0.95);
            outline-offset: 2px;
        }

        .app-pwa-update-btn.is-accept {
            background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%);
            color: #ffffff;
            box-shadow: 0 16px 30px -24px rgba(22, 163, 74, 0.75);
        }

        .app-pwa-update-btn.is-decline {
            background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
            color: #ffffff;
            box-shadow: 0 16px 30px -24px rgba(220, 38, 38, 0.72);
        }

        .eveil-daily-card .daily-copy {
            color: #0f172a;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.92);
        }

        .eveil-daily-card .font-title {
            color: #0f172a;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.95);
        }

        .eveil-card-section-title {
            color: #334155;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
        }
.app-eveil-overview-card {
            position: relative;
            isolation: isolate;
        }

        .app-eveil-overview-card::before {
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.11) 62%, rgba(255, 255, 255, 0.05) 100%);
        }

        .app-eveil-overview-card::after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0.02) 100%);
        }

        .app-eveil-overview-card .card-background {
            opacity: 0.94;
            transform: scale(1.02);
            filter: saturate(0.96) contrast(0.96);
            transition: transform 0.35s ease, opacity 0.35s ease, filter 0.35s ease;
        }

        .app-eveil-card-shell {
            gap: 0.92rem;
            min-height: 0;
        }

        .app-eveil-card-top {
            display: flex;
            flex-direction: column;
            gap: 0.72rem;
            min-height: 0;
        }

        .app-eveil-card-header {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto auto;
            align-items: center;
            gap: 0.55rem;
            padding: 0.82rem 0.88rem;
            border-radius: 1.12rem;
            background: linear-gradient(155deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.58) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 16px 26px -32px rgba(15, 23, 42, 0.28);
            backdrop-filter: blur(12px) saturate(150%);
            -webkit-backdrop-filter: blur(12px) saturate(150%);
        }

        .app-eveil-card-title {
            margin: 0;
            display: flex;
            align-items: center;
            min-width: 0;
            min-height: 2rem;
            font-size: clamp(1rem, 3.85vw, 1.18rem);
            line-height: 1.12;
            letter-spacing: -0.02em;
            white-space: normal;
            text-wrap: balance;
        }

        .app-eveil-card-title-compact {
            white-space: nowrap;
            text-wrap: nowrap;
            font-size: inherit;
            letter-spacing: -0.03em;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-right: 0.24rem;
        }

        .app-eveil-card-badge {
            display: inline-flex;
            align-items: center;
            align-self: center;
            white-space: nowrap;
            padding: 0.34rem 0.62rem;
            font-size: 0.7rem;
            line-height: 1;
            border: 1px solid rgba(255, 255, 255, 0.62);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 18px -24px rgba(15, 23, 42, 0.2);
        }

        @media (max-width: 767px) {
            .app-eveil-card-header {
                gap: 0.46rem;
                padding: 0.78rem 0.8rem;
            }

            .app-eveil-card-badge {
                padding: 0.28rem 0.54rem;
                font-size: 0.66rem;
                letter-spacing: 0.01em;
            }
        }

        .app-eveil-card-toggle {
            position: relative;
            display: inline-flex;
            width: 2rem;
            height: 2rem;
            align-self: center;
            justify-self: end;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            border: 1px solid rgba(191, 219, 254, 0.56);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 250, 252, 0.84) 100%);
            color: #3158a4;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 12px 18px -22px rgba(30, 64, 175, 0.16);
            backdrop-filter: blur(10px) saturate(150%);
            -webkit-backdrop-filter: blur(10px) saturate(150%);
            transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
        }

        .app-eveil-card-toggle::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.16) 46%, rgba(255, 255, 255, 0) 76%);
            pointer-events: none;
        }

        .app-eveil-card-toggle::after {
            content: "";
            position: absolute;
            inset: 2px;
            border-radius: inherit;
            border: 1px solid rgba(255, 255, 255, 0.42);
            pointer-events: none;
        }

        .app-eveil-card-toggle:hover {
            transform: translateY(-1px);
            border-color: rgba(147, 197, 253, 0.64);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(239, 246, 255, 0.9) 100%);
            color: #1d4ed8;
        }

        .app-eveil-card-toggle[aria-pressed="true"] {
            transform: translateY(-1px);
            border-color: rgba(147, 197, 253, 0.66);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 246, 255, 0.94) 100%);
            color: #1d4ed8;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 12px 18px -22px rgba(30, 64, 175, 0.22);
        }

        .app-eveil-card-toggle[aria-pressed="true"]::before {
            background: radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.88) 0%, rgba(219, 234, 254, 0.4) 46%, rgba(255, 255, 255, 0) 76%);
        }

        .app-eveil-card-toggle-icon {
            position: relative;
            z-index: 1;
            display: block;
            width: 0.78rem;
            height: 0.78rem;
            overflow: hidden;
            color: inherit;
            font-size: 0;
            line-height: 0;
            text-indent: -9999px;
        }

        .app-eveil-card-toggle-icon::before,
        .app-eveil-card-toggle-icon::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 999px;
            background: currentColor;
            transform: translate(-50%, -50%);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .app-eveil-card-toggle-icon::before {
            width: 0.72rem;
            height: 2px;
        }

        .app-eveil-card-toggle-icon::after {
            width: 2px;
            height: 0.72rem;
        }

        .app-eveil-card-toggle[aria-pressed="true"] .app-eveil-card-toggle-icon::after {
            opacity: 0;
            transform: translate(-50%, -50%) scaleY(0.18);
        }

        .app-eveil-card-details {
            overflow: hidden;
            max-height: 34rem;
            padding: 0.96rem 1rem 1rem;
            border-radius: 1.12rem;
            border: 1px solid rgba(255, 255, 255, 0.58);
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.78) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 16px 24px -30px rgba(15, 23, 42, 0.14);
            backdrop-filter: blur(12px) saturate(145%);
            -webkit-backdrop-filter: blur(12px) saturate(145%);
            opacity: 1;
            transform: translateY(0);
            transition: opacity 0.28s ease, transform 0.28s ease, max-height 0.32s ease, padding 0.28s ease, margin 0.28s ease;
        }

        .app-eveil-card-details .daily-copy,
        .app-eveil-card-details .font-title,
        .app-eveil-card-details .eveil-card-section-title {
            color: #0f172a;
            text-shadow: none;
        }

        .app-eveil-card-details .app-jericho-entry-intro {
            margin-top: 0;
            max-width: none;
        }

        .app-eveil-card-cta {
            position: relative;
            padding-top: 0.5rem;
        }

        .app-eveil-card-cta > * {
            position: relative;
            z-index: 1;
        }

        .app-eveil-overview-card[data-card-mode="visual"] .daily-content {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.03) 48%, rgba(255, 255, 255, 0.03) 100%);
        }

        .app-eveil-overview-card[data-card-mode="visual"] .daily-content::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.54) 0%, rgba(255, 255, 255, 0.18) 28%, rgba(255, 255, 255, 0.05) 48%, rgba(255, 255, 255, 0.02) 100%);
        }

        .app-eveil-overview-card[data-card-mode="visual"] .app-eveil-card-details {
            max-height: 0;
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
            opacity: 0;
            transform: translateY(0.45rem);
            background: transparent;
            box-shadow: none;
            pointer-events: none;
        }

        .app-eveil-overview-card[data-card-mode="details"] .card-background {
            opacity: 0.9;
            transform: scale(1.02);
            filter: saturate(0.98) contrast(0.98) brightness(1.02);
        }

        .app-eveil-overview-card[data-card-mode="details"] .daily-content {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.05) 100%);
        }

        .app-eveil-overview-card[data-card-mode="details"] .daily-content::before {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.18) 24%, rgba(255, 255, 255, 0.08) 44%, rgba(255, 255, 255, 0.02) 100%);
        }

        .app-eveil-overview-card[data-card-mode="details"] .app-eveil-card-header {
            background: linear-gradient(155deg, rgba(255, 255, 255, 0.84) 0%, rgba(255, 255, 255, 0.62) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 12px 18px -30px rgba(15, 23, 42, 0.16);
        }

        .app-eveil-overview-card[data-card-mode="details"] .app-eveil-card-badge {
            border-color: rgba(255, 255, 255, 0.82);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 10px 16px -24px rgba(15, 23, 42, 0.12);
        }

        .app-eveil-overview-card[data-card-mode="details"] .app-eveil-card-cta {
            margin-top: auto;
            padding-top: 0;
        }

        .daily-content > * {
            position: relative;
            z-index: 1;
        }

        .daily-copy {
            color: #111827;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
        }

        .daily-copy-body {
            font-size: clamp(0.92rem, 0.18vw + 0.86rem, 1rem);
            line-height: 1.6;
        }

        .daily-copy-meta {
            font-size: clamp(0.72rem, 0.1vw + 0.68rem, 0.8rem);
            letter-spacing: 0.08em;
        }

        .text-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .text-clamp-4 {
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .text-clamp-6 {
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .app-jericho-entry-card .card-background {
            background-position: center 52%;
            transform: scale(1.01);
        }

        .app-jericho-entry-content {
            padding: 1rem;
        }

        .app-jericho-entry-title {
            letter-spacing: -0.02em;
        }

        .app-jericho-entry-badge {
            border: 1px solid rgba(244, 114, 182, 0.18);
            background: rgba(255, 241, 242, 0.9);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
        }

        .app-jericho-entry-intro {
            margin-top: 0.78rem;
            max-width: 32rem;
            line-height: 1.6;
        }

        .app-jericho-entry-tip {
            margin-top: 0.8rem;
            border: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.58) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 14px 24px -28px rgba(15, 23, 42, 0.22);
            color: #334155;
            padding: 0.86rem 0.92rem;
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
        }

        .app-jericho-entry-progress {
            margin-top: 0.82rem;
            border: 0;
            background: linear-gradient(180deg, rgba(236, 253, 245, 0.74) 0%, rgba(255, 255, 255, 0.84) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 16px 26px -30px rgba(5, 150, 105, 0.34);
            padding: 0.9rem 0.92rem;
        }

        .app-jericho-entry-progress-head {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.45rem;
        }

        .app-jericho-entry-progress-label {
            margin: 0;
            color: #047857;
        }

        .app-jericho-entry-progress-chip {
            border: 0;
            background: rgba(255, 255, 255, 0.9);
            color: #047857;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 18px -24px rgba(5, 150, 105, 0.28);
        }

        .app-jericho-entry-progress-track {
            margin-top: 0.55rem;
            height: 0.48rem;
            background: rgba(167, 243, 208, 0.44);
        }

        .app-jericho-entry-progress-bar {
            box-shadow: 0 6px 16px -10px rgba(16, 185, 129, 0.42);
        }

        .app-jericho-entry-progress-hint {
            margin-top: 0.62rem;
            color: #475569;
        }

        .app-jericho-entry-cta {
            padding-top: 1rem;
        }

        /* ── Shared back button ── */
        .app-eveil-back-btn {
            border: 1px solid rgb(191 219 254 / 0.56);
            background: rgba(248, 250, 252, 0.88);
            color: var(--app-heaven-700);
            box-shadow: none;
        }

        .app-eveil-back-btn:hover {
            border-color: rgb(147 197 253 / 0.6);
            background: rgba(239, 246, 255, 0.94);
            color: var(--app-heaven-600);
        }

        .app-eveil-subview-header {
            align-items: flex-start;
            gap: 0.72rem;
            padding-top: 0.38rem;
        }

        .app-eveil-subview-header-main {
            align-items: flex-start;
            gap: 0.72rem;
        }

        .app-eveil-subview-header-copy {
            display: grid;
            align-content: start;
            gap: 0.14rem;
            min-width: 0;
            padding-top: 0.08rem;
        }

        .app-eveil-subview-header-copy > p,
        .app-eveil-subview-header-copy > h4 {
            margin: 0;
        }

        .app-eveil-subview-header-copy > p {
            line-height: 1.12;
        }

        .app-eveil-subview-header-copy > h4 {
            line-height: 1.08;
        }

        .app-eveil-subview-header-split {
            align-items: flex-start;
        }

        .app-eveil-subview-header-split > :last-child {
            align-self: flex-start;
            margin-top: 0.18rem;
        }

        .app-eveil-subview-header-loose {
            align-items: flex-start;
        }

        @media (max-width: 767px) {
            .app-eveil-subview-header {
                gap: 0.64rem;
                padding-top: 0.48rem;
            }

            .app-eveil-subview-header-copy {
                gap: 0.1rem;
                padding-top: 0.04rem;
            }
        }

        /* ── Jericho: Validation card states ── */
        .app-jericho-validation {
            transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .app-jericho-validation[data-state="validated-today"],
        .app-jericho-validation[data-state="completed"],
        .app-jericho-validation[data-state="finished"] {
            border-color: rgba(167, 243, 208, 0.64);
            background: linear-gradient(to bottom, rgba(236, 253, 245, 0.6), white);
            box-shadow: 0 18px 28px -32px rgba(16, 185, 129, 0.16);
        }

        .app-jericho-validation[data-state="clock"] {
            border-color: rgba(253, 230, 138, 0.66);
            background: linear-gradient(to bottom, rgba(255, 251, 235, 0.6), white);
            box-shadow: 0 18px 28px -32px rgba(245, 158, 11, 0.16);
        }

        /* ── Jericho: Trail steps ── */
        .app-jericho-guide-trail-step {
            display: inline-flex;
            min-height: 2rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.75rem;
            border: 1px solid rgba(203, 213, 225, 0.56);
            background: rgba(255, 255, 255, 0.94);
            font-size: 0.82rem;
            font-weight: 700;
            color: #94a3b8;
            transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
        }

        .app-jericho-guide-trail-step.is-locked {
            border-color: rgba(226, 232, 240, 0.5);
            background: rgba(248, 250, 252, 0.82);
            color: #c0cad9;
        }

        .app-jericho-guide-trail-step.is-completed {
            border-color: rgba(16, 185, 129, 0.78);
            background: linear-gradient(180deg, rgba(52, 211, 153, 0.96) 0%, rgba(16, 185, 129, 0.96) 100%);
            color: #ffffff;
            box-shadow: 0 14px 20px -24px rgba(16, 185, 129, 0.42);
        }

        .app-jericho-guide-trail-step.is-current {
            border-color: rgba(59, 130, 246, 0.86);
            background: rgba(255, 255, 255, 0.98);
            color: #1d4ed8;
            box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.22);
        }

        .app-jericho-guide-trail-step.is-available {
            border-color: rgba(191, 219, 254, 0.9);
            background: rgba(255, 255, 255, 0.92);
            color: #64748b;
        }

        .app-jericho-guide-trail-step-icon {
            width: 0.82rem;
            height: 0.82rem;
        }

        /* ── Jericho: Validate button states ── */
        .app-jericho-validate-btn {
            border: 1px solid transparent;
            background: #10b981;
            color: #ffffff;
            transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
        }

        .app-jericho-validate-btn[data-state="active"]:hover:not(:disabled) {
            background: #059669;
            transform: translateY(-1px);
        }

        .app-jericho-validate-btn[data-state="validated-today"],
        .app-jericho-validate-btn[data-state="completed"],
        .app-jericho-validate-btn[data-state="finished"] {
            border-color: rgba(16, 185, 129, 0.24);
            background: linear-gradient(180deg, rgba(209, 250, 229, 0.96) 0%, rgba(236, 253, 245, 0.96) 100%);
            color: #047857;
        }

        .app-jericho-validate-btn[data-state="validated-today"]::before,
        .app-jericho-validate-btn[data-state="completed"]::before,
        .app-jericho-validate-btn[data-state="finished"]::before {
            content: "✓";
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.3rem;
            height: 1.3rem;
            border-radius: 999px;
            background: rgba(16, 185, 129, 0.14);
            color: #059669;
            font-size: 0.82rem;
            line-height: 1;
        }

        .app-jericho-validate-btn[data-state="locked"] {
            border-color: rgba(226, 232, 240, 0.92);
            background: rgba(248, 250, 252, 0.84);
            color: #a3b1c8;
        }

        .app-jericho-validate-btn[data-state="clock"] {
            border-color: rgba(253, 230, 138, 0.76);
            background: rgba(255, 251, 235, 0.96);
            color: #a16207;
        }

        .app-jericho-validate-btn:disabled {
            transform: none;
        }

        .app-jericho-validate-btn[data-state="active"]:disabled,
        .app-jericho-validate-btn[data-state="locked"]:disabled,
        .app-jericho-validate-btn[data-state="clock"]:disabled {
            cursor: not-allowed;
        }

        .app-jericho-validate-btn[data-state="validated-today"]:disabled,
        .app-jericho-validate-btn[data-state="completed"]:disabled,
        .app-jericho-validate-btn[data-state="finished"]:disabled {
            cursor: default;
        }

        /* ── Jericho: Audio player ── */
        .app-jericho-player {
            display: flex;
            align-items: center;
            gap: 0.72rem;
            width: 100%;
            padding: 0.6rem 0.72rem;
            border-radius: 999px;
            border: 1px solid rgba(203, 213, 225, 0.68);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.96) 0%, rgba(241, 245, 249, 0.94) 100%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 14px 24px -28px rgba(15, 23, 42, 0.22);
        }

        .app-jericho-player.hidden { display: none; }

        .app-jericho-player-control {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.55rem;
            height: 2.55rem;
            border: 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.94);
            color: #0f172a;
            box-shadow: 0 14px 20px -22px rgba(15, 23, 42, 0.4);
            transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
        }

        .app-jericho-player-control:hover:not(:disabled) {
            transform: translateY(-1px);
        }

        .app-jericho-player-control:disabled {
            opacity: 0.5;
            cursor: default;
            box-shadow: none;
        }

        .app-jericho-player-toggle.is-playing {
            background: linear-gradient(135deg, #22c55e 0%, #34d399 100%);
            color: #ffffff;
        }

        .app-jericho-player-icon {
            width: 1rem;
            height: 1rem;
            display: block;
        }

        .app-jericho-player-icon-pause,
        .app-jericho-player-toggle.is-playing .app-jericho-player-icon-play,
        .app-jericho-player-mute.is-muted .app-jericho-player-icon-volume {
            display: none;
        }

        .app-jericho-player-toggle.is-playing .app-jericho-player-icon-pause,
        .app-jericho-player-mute.is-muted .app-jericho-player-icon-muted {
            display: block;
        }

        .app-jericho-player-icon-muted { display: none; }

        .app-jericho-player-timeline {
            min-width: 0;
            flex: 1 1 auto;
            display: grid;
            gap: 0.26rem;
        }

        .app-jericho-player-times {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            font-size: 0.77rem;
            font-weight: 600;
            line-height: 1.4;
            color: #64748b;
        }

        .app-jericho-player-seek {
            --progress: 0%;
            -webkit-appearance: none;
            appearance: none;
            width: 100%;
            height: 0.38rem;
            margin: 0;
            border: 0;
            border-radius: 999px;
            outline: none;
            background: linear-gradient(
                90deg,
                #34d399 0%,
                #34d399 var(--progress),
                rgba(203, 213, 225, 0.88) var(--progress),
                rgba(203, 213, 225, 0.88) 100%
            );
        }

        .app-jericho-player-seek:disabled { opacity: 0.58; }

        .app-jericho-player-seek::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 0.9rem;
            height: 0.9rem;
            border: 2px solid #ffffff;
            border-radius: 999px;
            background: #10b981;
            box-shadow: 0 8px 14px -12px rgba(15, 23, 42, 0.32);
            cursor: pointer;
        }

        .app-jericho-player-seek::-moz-range-thumb {
            width: 0.9rem;
            height: 0.9rem;
            border: 2px solid #ffffff;
            border-radius: 999px;
            background: #10b981;
            box-shadow: 0 8px 14px -12px rgba(15, 23, 42, 0.32);
            cursor: pointer;
        }

        .app-jericho-player-seek::-moz-range-track {
            height: 0.38rem;
            border: 0;
            border-radius: 999px;
            background: rgba(203, 213, 225, 0.88);
        }

        .app-prayer-steps-chip {
            border: 1px solid rgba(191, 219, 254, 0.56);
            background: rgba(255, 255, 255, 0.78);
            color: #1e3a8a;
        }

        .app-prayer-search {
            border: 1px solid rgba(203, 213, 225, 0.56);
            background: rgba(255, 255, 255, 0.86);
        }

        .app-prayer-search:focus-within {
            border-color: rgba(95, 142, 245, 0.54);
            box-shadow: 0 0 0 3px rgba(95, 142, 245, 0.16);
        }

        @media (min-width: 1024px) {
            #appPrayerCategoriesSection,
            #appPrayerTextsSection,
            #appBibleHistorySection,
            #appJerichoGuideSection {
                padding-bottom: 1.25rem;
            }

            #appMeditationGuideSection {
                padding-bottom: 0 !important;
            }
        }
.app-bible-history-list-view {
            display: grid;
            gap: 0.72rem;
        }

        .app-bible-history-list-view.hidden,
        .app-bible-history-detail-view.hidden,
        .app-bible-history-nav.hidden {
            display: none !important;
        }

@media (max-width: 767px) {
    .app-bible-history-guide-head {
        flex-direction: column;
        align-items: stretch;
    }

    .app-bible-history-guide-card.is-collapsed .app-bible-history-guide-head {
        align-items: stretch;
    }

    .app-bible-history-search-row {
        gap: 0.56rem;
    }
}

        .app-bible-history-guide {
            display: grid;
            gap: 0.56rem;
        }

        .app-bible-history-guide-card {
            display: grid;
            gap: 0.95rem;
            border: 1px solid rgba(226, 232, 240, 0.92);
            border-radius: 1rem;
            background: #ffffff;
            box-shadow: 0 16px 24px -36px rgba(15, 23, 42, 0.14);
            padding: 1rem;
        }

        .app-bible-history-guide-card.is-collapsed {
            gap: 0;
            padding-block: 0.9rem;
        }

        .app-bible-history-guide-head {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 1rem;
        }

        .app-bible-history-guide-card.is-collapsed .app-bible-history-guide-head {
            align-items: center;
        }

        .app-bible-history-guide-copy {
            display: grid;
            gap: 0.46rem;
            min-width: 0;
        }

        .app-bible-history-guide-card.is-collapsed .app-bible-history-guide-copy {
            gap: 0.24rem;
        }

.app-bible-history-guide-body {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(18rem, 0.94fr);
    gap: 0.8rem;
            align-items: stretch;
        }

        .app-bible-history-card-head {
            display: flex;
            align-items: center;
            gap: 0.7rem;
            min-width: 0;
        }

        .app-bible-history-icon-box {
            display: inline-flex;
            width: 2rem;
            height: 2rem;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 0.75rem;
        }

        .app-bible-history-icon-box i {
            font-size: 1rem;
            line-height: 1;
        }

        .app-bible-history-icon-box-heaven {
            background: rgba(219, 234, 254, 0.92);
            color: var(--app-heaven-600);
        }

        .app-bible-history-icon-box-amber {
            background: rgba(254, 243, 199, 0.86);
            color: #d97706;
        }

        .app-bible-history-icon-box-emerald {
            background: rgba(209, 250, 229, 0.92);
            color: #059669;
        }

        .app-bible-history-icon-box-slate {
            background: rgba(241, 245, 249, 0.96);
            color: #64748b;
        }

        .app-bible-history-mini-kicker {
            display: inline-flex;
            align-items: center;
            gap: 0.38rem;
            min-width: 0;
        }

        .app-bible-history-mini-kicker i {
            flex-shrink: 0;
            font-size: 0.74rem;
            line-height: 1;
            color: #94a3b8;
        }

        .app-bible-history-guide-kicker,
        .app-bible-history-entry-label,
        .app-bible-history-takeaway-label,
        .app-bible-history-guide-featured-kicker,
        .app-bible-history-guide-aside-label,
        .app-bible-history-family-label,
        .app-bible-history-rail-kicker,
        .app-bible-history-rail-mini,
        .app-bible-history-nav-lead-label {
            margin: 0;
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
        }

        .app-bible-history-guide-kicker {
            color: #b45309;
        }

        .app-bible-history-entry-label {
            color: var(--app-heaven-700);
        }

        .app-bible-history-takeaway-label {
            color: #047857;
        }

        .app-bible-history-guide-featured-kicker,
        .app-bible-history-guide-aside-label,
        .app-bible-history-family-label,
        .app-bible-history-rail-kicker,
        .app-bible-history-rail-mini,
        .app-bible-history-nav-lead-label {
            color: #94a3b8;
        }

        .app-bible-history-guide-title {
            margin: 0;
            font-size: clamp(1.04rem, 1.3vw, 1.34rem);
            font-family: inherit;
            font-weight: 700;
            line-height: 1.22;
            color: #0f172a;
        }

        .app-bible-history-guide-text {
            margin: 0;
            max-width: 42rem;
            font-size: 0.9rem;
            line-height: 1.6;
            color: #475569;
        }

        .app-bible-history-guide-meta {
            display: inline-flex;
            align-items: center;
            flex-shrink: 0;
            align-self: flex-start;
            border-radius: 999px;
            background: rgba(254, 243, 199, 0.86);
            padding: 0.38rem 0.7rem;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            color: #b45309;
        }

.app-bible-history-guide-card.is-collapsed .app-bible-history-guide-meta {
    align-self: center;
}

        .app-bible-history-guide-featured {
            display: grid;
            align-content: start;
            gap: 0.42rem;
            min-height: 100%;
            border: 1px solid rgba(191, 219, 254, 0.92);
            border-radius: 1rem;
            background: linear-gradient(180deg, rgba(239, 246, 255, 0.64) 0%, rgba(255, 255, 255, 0.98) 100%);
            box-shadow: 0 16px 24px -36px rgba(30, 64, 175, 0.14);
            padding: 0.92rem 1rem;
            text-align: left;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;
        }

        .app-bible-history-guide-featured:hover {
            transform: translateY(-1px);
            border-color: rgba(147, 197, 253, 0.98);
            box-shadow: 0 18px 26px -34px rgba(30, 64, 175, 0.18);
        }

        .app-bible-history-guide-featured-title {
            margin: 0;
            font-size: 1.08rem;
            font-weight: 700;
            line-height: 1.28;
            color: #0f172a;
        }

        .app-bible-history-guide-featured-text {
            margin: 0;
            font-size: 0.86rem;
            line-height: 1.58;
            color: #475569;
        }

        .app-bible-history-guide-featured-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem;
            margin-top: 0.2rem;
        }

        .app-bible-history-guide-featured-chip {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(191, 219, 254, 0.86);
            padding: 0.22rem 0.5rem;
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: var(--app-heaven-700);
        }

        .app-bible-history-guide-aside {
            display: grid;
            gap: 0.48rem;
            align-content: start;
        }

        .app-bible-history-guide-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.5rem;
        }

        .app-bible-history-guide-item {
            display: grid;
            gap: 0.24rem;
            border: 1px solid rgba(226, 232, 240, 0.94);
            border-radius: 1rem;
            background: #ffffff;
            box-shadow: 0 12px 18px -36px rgba(15, 23, 42, 0.08);
            padding: 0.72rem 0.8rem;
            text-align: left;
            transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease;
        }

        .app-bible-history-guide-item:hover {
            transform: translateY(-1px);
            border-color: rgba(191, 219, 254, 0.96);
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 16px 24px -34px rgba(30, 64, 175, 0.12);
        }

        .app-bible-history-guide-item-label {
            margin: 0;
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #94a3b8;
        }

        .app-bible-history-guide-item-title {
            margin: 0;
            font-size: 0.92rem;
            font-weight: 700;
            line-height: 1.32;
            color: #0f172a;
        }

.app-bible-history-toolbar {
    display: grid;
    gap: 0.68rem;
    border: 1px solid rgba(236, 240, 246, 0.98);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.96) 100%);
    box-shadow: 0 10px 18px -40px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.88);
    padding: 0.88rem 0.92rem;
}

.app-bible-history-search-row {
    display: flex;
    align-items: center;
    gap: 0.68rem;
}

        .app-bible-history-family-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 0.48rem;
        }

        .app-bible-history-family-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.4rem;
            border: 1px solid rgba(236, 240, 246, 0.98);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.96);
            padding: 0.46rem 0.74rem;
            font-size: 0.8rem;
            font-weight: 600;
            color: #64748b;
            transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .app-bible-history-family-chip[data-active="true"] {
            border-color: rgba(205, 224, 251, 0.9);
            background: rgba(241, 246, 255, 0.92);
            color: var(--app-heaven-700);
            box-shadow: inset 0 0 0 1px rgba(191, 219, 254, 0.42);
        }

        .app-bible-history-family-chip:hover {
            transform: translateY(-1px);
        }

        .app-bible-history-family-chip-count {
            display: inline-flex;
            min-width: 1.3rem;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.96);
            padding: 0.1rem 0.34rem;
            font-size: 0.72rem;
            color: #94a3b8;
        }

        .app-bible-history-family-kicker {
            width: 100%;
        }

.app-bible-history-search {
    flex: 1 1 auto;
    border: 1px solid rgba(236, 240, 246, 0.98);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.app-bible-history-search:focus-within {
    border-color: rgba(205, 224, 251, 0.92);
    box-shadow: 0 0 0 3px rgba(219, 234, 254, 0.34);
}

.app-bible-history-toolbar-info-toggle {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid rgba(205, 224, 251, 0.9);
    border-radius: 999px;
    background: rgba(245, 249, 255, 0.98);
    color: var(--app-heaven-700);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.app-bible-history-toolbar-info-toggle:hover {
    transform: translateY(-1px);
    background: rgba(239, 246, 255, 0.98);
    border-color: rgba(191, 219, 254, 0.92);
    box-shadow: 0 8px 16px -18px rgba(30, 64, 175, 0.14);
}

.app-bible-history-toolbar-info-toggle i {
    font-size: 1rem;
    line-height: 1;
}

        .app-bible-history-status {
            margin: 0;
            font-size: 0.82rem;
            line-height: 1.5;
            color: #64748b;
        }

        .app-bible-history-list {
            list-style: none;
            margin: 0;
            padding: 0;
            gap: 0.72rem;
        }

        .app-bible-history-list > li {
            min-width: 0;
        }

        .app-bible-history-list-kickers {
            display: flex;
            flex-wrap: wrap;
            gap: 0.34rem;
            margin-bottom: 0.24rem;
        }

        .app-bible-history-list-copy {
            display: grid;
            gap: 0.08rem;
        }

        .app-bible-history-list-family {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            background: rgba(239, 246, 255, 0.92);
            padding: 0.16rem 0.46rem;
            font-size: 0.64rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--app-heaven-700);
        }

        .app-bible-history-list-marker {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            background: rgba(255, 247, 237, 0.9);
            padding: 0.16rem 0.46rem;
            font-size: 0.64rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #b45309;
        }

        .app-bible-history-list-marker-soft {
            background: rgba(248, 250, 252, 0.96);
            color: #64748b;
        }

        .app-bible-history-list-card {
            -webkit-appearance: none;
            appearance: none;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            width: 100%;
            margin: 0;
            border: 1px solid rgba(236, 240, 246, 0.98);
            border-radius: 1rem;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 252, 255, 0.98) 100%);
            box-shadow: 0 10px 18px -40px rgba(15, 23, 42, 0.12);
            padding: 0;
            overflow: hidden;
            text-align: left;
            transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
        }

        .app-bible-history-list-card[data-focus="true"] {
            border-color: rgba(205, 224, 251, 0.94);
            background: linear-gradient(180deg, rgba(243, 247, 255, 0.82) 0%, rgba(255, 255, 255, 0.98) 100%);
            box-shadow: 0 12px 20px -34px rgba(30, 64, 175, 0.1);
        }

        .app-bible-history-list-card[data-milestone="true"]:not([data-focus="true"]) {
            border-color: rgba(246, 224, 160, 0.92);
            background: linear-gradient(180deg, rgba(255, 250, 239, 0.82) 0%, rgba(255, 255, 255, 0.98) 100%);
            box-shadow: 0 12px 20px -36px rgba(245, 158, 11, 0.08);
        }

        .app-bible-history-list-card:hover {
            transform: translateY(-1px);
            border-color: rgba(205, 224, 251, 0.94);
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 14px 24px -34px rgba(30, 64, 175, 0.1);
        }

        .app-bible-history-list-card:focus-visible {
            outline: none;
            border-color: rgba(95, 142, 245, 0.9);
            box-shadow: 0 0 0 3px rgba(95, 142, 245, 0.16);
        }

        .app-bible-history-list-thumb {
            display: block;
            width: calc(100% + 2px);
            align-self: stretch;
            flex-shrink: 0;
            overflow: hidden;
            margin: -1px -1px 0;
            border-top-left-radius: calc(1rem - 1px);
            border-top-right-radius: calc(1rem - 1px);
        }

        .app-bible-history-list-thumb img {
            display: block;
            width: 100%;
            height: 8.5rem;
            object-fit: cover;
            object-position: center 30%;
            border-top-left-radius: inherit;
            border-top-right-radius: inherit;
            transition: transform 0.3s ease;
        }

        .app-bible-history-list-card:hover .app-bible-history-list-thumb img {
            transform: scale(1.04);
        }

        .app-bible-history-list-body {
            display: grid;
            gap: 0.08rem;
            padding: 0.72rem 0.92rem 0.82rem;
            min-width: 0;
        }

        .app-bible-history-list-icon i {
            font-size: 1rem;
            line-height: 1;
        }

        .app-bible-history-list-name {
            margin: 0;
            font-size: 0.98rem;
            font-weight: 700;
            line-height: 1.36;
            color: #0f172a;
        }

        .app-bible-history-list-summary {
            margin: 0.12rem 0 0;
            font-size: 0.85rem;
            line-height: 1.52;
            color: #64748b;
        }

        .app-bible-history-list-arrow {
            display: inline-flex;
            width: 1.92rem;
            height: 1.92rem;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.96);
            color: #94a3b8;
            margin-top: 0.08rem;
            transition: background 0.2s ease, color 0.2s ease;
        }

        .app-bible-history-list-arrow i {
            font-size: 0.95rem;
            line-height: 1;
        }

        .app-bible-history-list-card:hover .app-bible-history-list-arrow {
            background: rgba(239, 246, 255, 0.96);
            color: var(--app-heaven-700);
        }

        @media (min-width: 640px) {
            .app-bible-history-list-card {
                flex-direction: row;
            }

            .app-bible-history-list-thumb {
                width: 7.5rem;
                margin: -1px 0 -1px -1px;
                border-top-right-radius: 0;
                border-bottom-left-radius: calc(1rem - 1px);
            }

            .app-bible-history-list-thumb img {
                height: 100%;
                min-height: 7rem;
                border-top-right-radius: 0;
                border-bottom-left-radius: inherit;
            }

            .app-bible-history-list-body {
                flex: 1 1 auto;
                padding: 0.72rem 0.92rem;
                align-content: center;
            }
        }

        .app-bible-history-detail-view {
            --app-bible-history-column-width: 52rem;
            --app-bible-history-detail-border: rgba(226, 232, 240, 0.88);
            --app-bible-history-detail-border-soft: rgba(232, 237, 244, 0.96);
            --app-bible-history-detail-border-muted: rgba(203, 213, 225, 0.66);
            display: grid;
            width: 100%;
            margin: 0 auto;
            gap: 0.96rem;
        }

        .app-bible-history-detail-head {
            width: 100%;
            margin: 0 auto;
        }

        .app-bible-history-hero-head {
            display: flex;
            align-items: flex-start;
            gap: 0.82rem;
            margin-bottom: 0.18rem;
        }

        .app-bible-history-detail-back {
            flex-shrink: 0;
            width: 2.25rem;
            height: 2.25rem;
            border-radius: 0.9rem;
        }

        .app-bible-history-detail-copy {
            flex: 1 1 auto;
            display: grid;
            gap: 0.14rem;
            min-width: 0;
        }

        .app-bible-history-detail-kicker {
            margin: 0;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--app-heaven-700);
        }

        .app-bible-history-summary {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 1.58;
            color: #64748b;
        }

        .app-bible-history-title {
            margin: 0.04rem 0 0;
            font-size: clamp(1.24rem, 2vw, 1.9rem);
            font-family: inherit;
            font-weight: 700;
            line-height: 1.12;
            color: #0f172a;
            text-shadow: none;
        }

        .app-bible-history-detail-badge {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            flex-shrink: 0;
            align-self: flex-start;
            padding: 0.38rem 0.74rem;
            font-size: 0.76rem;
            font-weight: 700;
            border: 1px solid var(--app-bible-history-detail-border-soft);
            background: rgba(239, 246, 255, 0.9);
            color: var(--app-heaven-700);
        }

        .app-bible-history-top-layout {
            width: 100%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(0, 1.28fr) minmax(16rem, 0.72fr);
            gap: 0.76rem;
            align-items: start;
        }

        .app-bible-history-top-main,
        .app-bible-history-top-rail {
            display: grid;
            gap: 0.72rem;
            min-width: 0;
        }

        .app-bible-history-focus {
            position: relative;
            margin: 0;
            overflow: hidden;
            border-radius: 1rem;
            border: 1px solid rgba(226, 232, 240, 0.92);
            background: #ffffff;
            box-shadow: 0 16px 24px -32px rgba(15, 23, 42, 0.12);
        }

        .app-bible-history-focus-image {
            display: block;
            width: 100%;
            height: 18.8rem;
            object-fit: cover;
            object-position: center 38%;
        }

        .app-bible-history-focus-meta {
            position: absolute;
            inset: auto 0 0 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            padding: 0.78rem 0.96rem 0.88rem;
            background: linear-gradient(180deg, rgba(15, 23, 42, 0) 0%, rgba(15, 23, 42, 0.56) 100%);
        }

        .app-bible-history-focus-label {
            margin: 0;
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.08em;
            color: #ffffff;
            text-shadow: 0 1px 6px rgba(15, 23, 42, 0.42);
        }

        .app-bible-history-focus-progress {
            flex-shrink: 0;
            padding: 0.36rem 0.7rem;
            border-radius: 999px;
            font-size: 0.74rem;
            font-weight: 700;
            border: 1px solid rgba(255, 255, 255, 0.34);
            background: rgba(255, 255, 255, 0.18);
            color: #ffffff;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .app-bible-history-focus-caption,
        .app-bible-history-caption {
            display: grid;
            gap: 0.16rem;
            width: min(100%, 34rem);
            margin: 0;
            padding: 0.02rem 0 0.02rem 0.9rem;
            border: 0;
            border-left: 2px solid var(--app-bible-history-detail-border-muted);
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            font-size: 0.84rem;
            font-weight: 500;
            line-height: 1.58;
            color: #5f6f86;
        }

        .app-bible-history-focus-empty {
            display: grid;
            gap: 0.32rem;
            border-radius: 1rem;
            border: 1px solid rgba(226, 232, 240, 0.92);
            padding: 1rem 1.04rem;
            background: #ffffff;
        }

        .app-bible-history-focus-empty-label {
            margin: 0;
            font-size: 0.7rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--app-heaven-700);
        }

        .app-bible-history-focus-empty-text {
            margin: 0;
            font-size: 0.96rem;
            line-height: 1.64;
            color: #475569;
        }

        .app-bible-history-rail-card {
            display: grid;
            gap: 0.66rem;
            border-radius: 1rem;
            border: 1px solid var(--app-bible-history-detail-border);
            background: #ffffff;
            box-shadow: 0 16px 24px -36px rgba(15, 23, 42, 0.08);
            padding: 0.96rem 1rem;
        }

        .app-bible-history-rail-card-primary {
            border-color: var(--app-bible-history-detail-border-soft);
            background: linear-gradient(180deg, rgba(239, 246, 255, 0.58) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-bible-history-rail-head {
            display: flex;
            flex-wrap: wrap;
            gap: 0.42rem;
            align-items: center;
        }

        .app-bible-history-rail-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 1.84rem;
            padding: 0.3rem 0.66rem;
            border-radius: 999px;
            background: rgba(239, 246, 255, 0.92);
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.03em;
            color: var(--app-heaven-700);
        }

        .app-bible-history-rail-chip-muted {
            background: rgba(248, 250, 252, 0.88);
            color: #64748b;
        }

        .app-bible-history-rail-title {
            margin: 0;
            font-size: 0.96rem;
            font-weight: 700;
            line-height: 1.5;
            color: #1e293b;
        }

        .app-bible-history-rail-divider {
            width: 100%;
            height: 0;
            border-top: 1px solid var(--app-bible-history-detail-border-soft);
        }

        .app-bible-history-rail-subcopy {
            margin: 0;
            font-size: 0.84rem;
            line-height: 1.58;
            color: #64748b;
        }

        .app-bible-history-rail-trail {
            display: flex;
            flex-wrap: wrap;
            gap: 0.46rem;
        }

        .app-bible-history-rail-step {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.36rem 0.62rem;
            border-radius: 999px;
            border: 1px solid var(--app-bible-history-detail-border-soft);
            background: rgba(255, 255, 255, 0.98);
            font-size: 0.73rem;
            font-weight: 600;
            color: #8b9bb1;
        }

        .app-bible-history-rail-step[data-active="true"] {
            border-color: var(--app-bible-history-detail-border-soft);
            background: rgba(239, 246, 255, 0.92);
            color: var(--app-heaven-700);
        }

        .app-bible-history-rail-next {
            display: grid;
            gap: 0.26rem;
            padding: 0.72rem 0.76rem;
            border-radius: 0.95rem;
            border: 1px solid var(--app-bible-history-detail-border);
            background: rgba(248, 250, 252, 0.72);
        }

        .app-bible-history-rail-next-title {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 700;
            line-height: 1.42;
            color: #1e293b;
        }

        .app-bible-history-rail-mini-card {
            display: grid;
            gap: 0.26rem;
            padding: 0.7rem 0.74rem;
            border: 1px solid var(--app-bible-history-detail-border-soft);
            border-radius: 0.95rem;
            background: linear-gradient(180deg, rgba(236, 253, 245, 0.72) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-bible-history-rail-mini-card .app-bible-history-mini-kicker i {
            color: #10b981;
        }

        .app-bible-history-rail-mini-card .app-bible-history-rail-mini {
            color: #047857;
        }

        .app-bible-history-content {
            width: 100%;
            display: grid;
            gap: 1rem;
        }

        .app-bible-history-article {
            display: grid;
            gap: 1rem;
            width: 100%;
            max-width: var(--app-bible-history-column-width);
            margin: 0 auto;
        }

        .app-bible-history-paragraph {
            width: 100%;
            max-width: var(--app-bible-history-column-width);
            margin: 0 auto;
            font-size: 1rem;
            line-height: 1.78;
            color: #334155;
        }

        .app-bible-history-entry,
        .app-bible-history-takeaway {
            width: 100%;
            max-width: var(--app-bible-history-column-width);
            margin: 0 auto;
            border-radius: 1rem;
            border: 1px solid var(--app-bible-history-detail-border);
            background: #ffffff;
            box-shadow: 0 16px 24px -36px rgba(15, 23, 42, 0.08);
            padding: 1rem 1.06rem;
        }

        .app-bible-history-entry {
            background: linear-gradient(180deg, rgba(239, 246, 255, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
            border-color: var(--app-bible-history-detail-border-soft);
        }

        .app-bible-history-takeaway {
            background: linear-gradient(180deg, rgba(236, 253, 245, 0.58) 0%, rgba(255, 255, 255, 0.98) 100%);
            border-color: var(--app-bible-history-detail-border-soft);
        }

        .app-bible-history-card-head + .app-bible-history-entry-text {
            margin-top: 0.72rem;
        }

        .app-bible-history-entry-text {
            font-size: 0.96rem;
            line-height: 1.72;
            color: #334155;
        }

        .app-bible-history-paragraph-lead {
            font-size: 1.04rem;
            line-height: 1.76;
            color: #1e293b;
        }

        .app-bible-history-paragraph-stage {
            display: grid;
            gap: 0.28rem;
        }

        .app-bible-history-paragraph-stage-label {
            display: block;
            font-size: 0.625rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #94a3b8;
        }

        .app-bible-history-paragraph-stage-body {
            display: block;
        }

        .app-bible-history-figure {
            display: grid;
            gap: 0.5rem;
            width: 100%;
            max-width: var(--app-bible-history-column-width);
            margin: 0 auto 0.2rem;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            overflow: visible;
            padding: 0;
        }

        .app-bible-history-figure-opening {
            box-shadow: none;
        }

        .app-bible-history-figure img {
            display: block;
            width: 100%;
            height: auto;
            border: 1px solid var(--app-bible-history-detail-border);
            border-radius: 1rem;
            object-fit: cover;
        }

        .app-bible-history-caption::before {
            content: none;
        }

        .app-bible-history-empty {
            max-width: var(--app-bible-history-column-width);
            margin: 0 auto;
            border-radius: 1rem;
            border: 1px solid rgba(226, 232, 240, 0.92);
            background: rgba(248, 250, 252, 0.82);
            color: #64748b;
            font-size: 0.92rem;
            line-height: 1.6;
            padding: 0.9rem 1rem;
        }

        .app-bible-history-nav {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.7rem;
            width: 100%;
            max-width: var(--app-bible-history-column-width);
            margin: 0.12rem auto 0;
        }

        .app-bible-history-nav-lead {
            grid-column: 1 / -1;
            display: grid;
            gap: 0.26rem;
            margin-bottom: 0.08rem;
        }

        .app-bible-history-nav-lead-text {
            margin: 0;
            font-size: 0.88rem;
            line-height: 1.55;
            color: #64748b;
        }

        .app-bible-history-nav-btn {
            display: grid !important;
            grid-template-columns: auto minmax(0, 1fr);
            align-items: start;
            gap: 0.62rem;
            width: 100%;
            border: 1px solid var(--app-bible-history-detail-border-soft);
            background: rgba(239, 246, 255, 0.74);
            color: var(--app-heaven-700);
            box-shadow: 0 14px 20px -34px rgba(30, 64, 175, 0.08);
            border-radius: 1rem;
            padding: 0.8rem 0.84rem;
            text-align: left;
            transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .app-bible-history-nav-btn[data-direction="prev"] {
            background: rgba(239, 246, 255, 0.64);
        }

        .app-bible-history-nav-btn[data-direction="next"] {
            grid-template-columns: minmax(0, 1fr) auto;
            background: rgba(239, 246, 255, 0.88);
        }

        .app-bible-history-nav-copy {
            min-width: 0;
            display: grid;
            gap: 0.12rem;
            align-content: start;
        }

        .app-bible-history-nav-icon {
            display: inline-flex;
            width: 2rem;
            height: 2rem;
            align-items: center;
            justify-content: center;
            border-radius: 0.75rem;
            background: rgba(219, 234, 254, 0.96);
            color: var(--app-heaven-600);
            flex-shrink: 0;
        }

        .app-bible-history-nav-icon i {
            font-size: 0.96rem;
            line-height: 1;
        }

        .app-bible-history-nav-btn[data-direction="next"] .app-bible-history-nav-copy {
            order: 1;
        }

        .app-bible-history-nav-btn[data-direction="next"] .app-bible-history-nav-icon {
            order: 2;
        }

        .app-bible-history-nav-label {
            font-size: 0.64rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #94a3b8;
        }

        .app-bible-history-nav-title {
            font-size: 0.92rem;
            font-weight: 700;
            line-height: 1.38;
            color: #0f172a;
        }

        .app-bible-history-nav-summary {
            font-size: 0.8rem;
            line-height: 1.46;
            color: #64748b;
        }

        .app-bible-history-nav-btn:hover:not(:disabled) {
            border-color: var(--app-bible-history-detail-border-soft);
            background: rgba(219, 234, 254, 0.72);
            color: var(--app-heaven-700);
            transform: translateY(-1px);
        }

        .app-bible-history-nav-btn:hover:not(:disabled) .app-bible-history-nav-icon {
            background: rgba(191, 219, 254, 0.9);
            color: var(--app-heaven-700);
        }

        .app-bible-history-nav-btn:disabled {
            border-color: rgba(226, 232, 240, 0.92);
            background: rgba(248, 250, 252, 0.82);
            color: #a3b1c8;
            box-shadow: none;
            cursor: not-allowed;
            transform: none;
        }

        .app-bible-history-nav-btn:disabled .app-bible-history-nav-icon {
            background: rgba(241, 245, 249, 0.96);
            color: #c0cad9;
        }

        @media (min-width: 1024px) {
            .app-bible-history-detail-view {
                grid-template-columns: minmax(0, 1.34fr) minmax(17.5rem, 0.66fr);
                grid-template-areas:
                    "head head"
                    "main rail"
                    "content rail"
                    "nav rail";
                gap: 0.84rem 0.96rem;
                align-items: start;
            }

            .app-bible-history-detail-head {
                grid-area: head;
                max-width: none;
                margin: 0;
            }

            .app-bible-history-top-layout {
                display: contents;
            }

            .app-bible-history-top-main {
                grid-area: main;
                gap: 0.7rem;
            }

            .app-bible-history-top-rail {
                grid-area: rail;
                align-self: start;
                position: sticky;
                top: 1rem;
                gap: 0.72rem;
            }

            .app-bible-history-content {
                grid-area: content;
                gap: 1.08rem;
            }

            .app-bible-history-nav {
                grid-area: nav;
            }

            .app-bible-history-article,
            .app-bible-history-paragraph,
            .app-bible-history-entry,
            .app-bible-history-takeaway,
            .app-bible-history-figure,
            .app-bible-history-empty,
            .app-bible-history-nav {
                max-width: 100%;
                margin: 0;
            }

            .app-bible-history-focus-image {
                height: 20rem;
                object-position: center 36%;
            }

            .app-bible-history-focus-caption,
            .app-bible-history-caption {
                width: min(100%, 36rem);
            }

            .app-bible-history-entry,
            .app-bible-history-takeaway {
                padding: 1rem 1.08rem;
            }
        }
.app-prayer-cat-btn {
            box-shadow: none;
        }

        .app-prayer-cat-btn:focus-visible {
            outline: none;
            border-color: color-mix(in srgb, var(--app-heaven-500) 88%, white 12%);
            box-shadow: 0 0 0 3px rgb(95 142 245 / 0.18);
        }

        .app-prayer-cat-title-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            line-height: 1;
        }

        .app-prayer-cat-title-icon i {
            display: inline-flex !important;
            width: var(--app-list-icon-slot) !important;
            min-width: var(--app-list-icon-slot) !important;
            align-items: center;
            justify-content: center;
            font-size: var(--app-list-icon-size) !important;
            line-height: 1 !important;
            color: inherit;
        }

        .app-prayer-cat-actions {
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            gap: 0.65rem;
        }

        .app-prayer-cat-count {
            border: 1px solid rgb(231 239 255 / 0.96);
            background: rgb(248 250 252 / 0.96);
            color: rgb(51 65 85 / 0.92);
        }

        .app-prayer-cat-arrow {
            width: 1.95rem;
            height: 1.95rem;
        }

        .app-prayer-cat-btn:hover .app-prayer-cat-count {
            border-color: rgb(201 220 255 / 0.92);
            background: rgb(255 255 255 / 0.98);
        }

        .app-prayer-focus-card {
            border: 1px solid rgba(203, 213, 225, 0.92);
            border-radius: 1rem;
            background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 250, 255, 0.9) 100%);
            box-shadow: none;
        }

        .app-prayer-focus-kicker {
            color: #1d4ed8;
            letter-spacing: 0.08em;
        }

        .app-prayer-focus-text {
            display: grid;
            gap: 0.92rem;
            color: #1e293b;
            font-size: 1rem;
            line-height: 1.82;
            text-wrap: pretty;
        }

        .app-prayer-focus-paragraph {
            margin: 0;
            max-width: 58ch;
        }

        @media (max-width: 767px) {
            .app-prayer-focus-text {
                gap: 0.78rem;
                font-size: 0.98rem;
                line-height: 1.78;
            }

            .app-prayer-focus-paragraph {
                max-width: none;
            }
        }

        .app-meditation-step-btn {
            border: 1px solid rgba(203, 213, 225, 0.92);
            background: linear-gradient(162deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 250, 255, 0.9) 100%);
            color: #334155;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
        }

        .app-meditation-step-btn:disabled {
            opacity: 0.72;
            cursor: not-allowed;
        }

        .app-meditation-step-btn[data-active="true"] {
            border-color: rgba(147, 197, 253, 0.95);
            background: linear-gradient(162deg, rgba(233, 245, 255, 0.95) 0%, rgba(245, 251, 255, 0.95) 100%);
            color: #1d4ed8;
            box-shadow: 0 10px 18px -18px rgba(30, 64, 175, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.98);
        }

        .app-meditation-panel {
            animation: rise 0.35s ease-out both;
        }

        .app-meditation-stage-visual {
            overflow: hidden;
            border-radius: 1rem;
            border: 0;
            background: #ffffff;
            box-shadow: 0 18px 26px -26px rgba(15, 23, 42, 0.24);
            padding: 0;
            min-height: 0;
        }

        .app-meditation-stage-visual img {
            display: block;
            width: 100%;
            height: auto;
            max-height: none;
            object-fit: cover;
            transform: scale(1);
            opacity: 1;
            transition: opacity 0.38s ease, transform 0.56s ease, filter 0.48s ease;
            will-change: opacity, transform, filter;
        }

        .app-meditation-stage-visual img.app-meditation-visual-loading {
            opacity: 0.36;
            transform: scale(1.02);
        }

        .app-meditation-breath-card {
            border: 0;
            border-radius: 1rem;
            background: linear-gradient(165deg, rgba(245, 249, 255, 0.84) 0%, rgba(255, 255, 255, 0.96) 100%);
            box-shadow: 0 18px 24px -28px rgba(15, 23, 42, 0.24);
            padding: 1rem;
        }

        .app-meditation-stage-visual-step3 {
            margin-top: 0.65rem;
        }

        .app-meditation-stage-visual-step3 img {
            max-height: none;
        }

        .app-meditation-progress-container {
            width: 100%;
            height: 8px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(191, 219, 254, 0.45);
            margin-top: 0.5rem;
            margin-bottom: 0.9rem;
        }

        .app-meditation-progress-fill {
            height: 100%;
            width: 0%;
            border-radius: inherit;
            background: linear-gradient(90deg, rgba(95, 142, 245, 0.94) 0%, rgba(125, 168, 255, 0.95) 100%);
            transition: width 0.85s linear;
        }

        .app-meditation-breath-hint {
            font-size: 0.95rem;
            color: #4b679f;
            text-align: center;
        }

        .app-meditation-blob-container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-height: 235px;
            margin: 0.75rem 0;
            border-radius: 1rem;
            overflow: hidden;
            border: 1px solid rgba(186, 212, 245, 0.88);
            background: #f8fbff;
        }

        .app-meditation-blob-backdrop {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.54;
            transform: scale(1.03);
            filter: saturate(1.02) brightness(1.03);
            z-index: 0;
            transition: opacity 0.34s ease, transform 0.4s ease, filter 0.4s ease;
            pointer-events: none;
        }

        .app-meditation-blob-container::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(248, 251, 255, 0.24) 0%, rgba(248, 251, 255, 0.74) 100%);
            z-index: 1;
            pointer-events: none;
        }

        .app-meditation-blob-container::after {
            content: "";
            position: absolute;
            width: min(40vw, 220px);
            height: min(40vw, 220px);
            border-radius: 999px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.02) 72%);
            filter: blur(38px);
            pointer-events: none;
            z-index: 2;
        }

        .app-meditation-blobs {
            position: relative;
            width: clamp(145px, 29vw, 245px);
            height: clamp(145px, 29vw, 245px);
            max-width: 100%;
            max-height: 100%;
            z-index: 3;
            transition: transform 3.2s ease-in-out;
            transform: scale(1);
        }

        .app-meditation-blobs[data-phase="inhale"] {
            transform: scale(1.08);
        }

        .app-meditation-blobs[data-phase="hold"] {
            transform: scale(1.08);
        }

        .app-meditation-blobs[data-phase="exhale"] {
            transform: scale(1);
        }

        .app-meditation-blobs svg {
            width: 100%;
            height: 100%;
        }

        .app-meditation-blob {
            transform-origin: 50% 50%;
            opacity: 0.72;
            animation: app-blob-rotate 25s infinite alternate ease-in-out;
        }

        .app-meditation-blob path {
            transform-origin: 50% 50%;
            transition: fill 800ms ease;
        }

        .app-meditation-blob-1 path {
            fill: #f6f8ff;
            filter: blur(0.75rem);
            animation: app-blob-anim-1 5s infinite alternate cubic-bezier(0.45, 0.2, 0.55, 0.8);
        }

        .app-meditation-blob-2 {
            animation-duration: 18s;
            animation-direction: alternate-reverse;
        }

        .app-meditation-blob-2 path {
            fill: #d9ecff;
            filter: blur(0.55rem);
            animation: app-blob-anim-2 7s infinite alternate cubic-bezier(0.45, 0.2, 0.55, 0.8);
        }

        .app-meditation-blob-3 {
            animation-duration: 23s;
        }

        .app-meditation-blob-3 path {
            fill: #efe4ff;
            filter: blur(0.4rem);
            animation: app-blob-anim-3 6s infinite alternate cubic-bezier(0.45, 0.2, 0.55, 0.8);
        }

        .app-meditation-blob-4 {
            animation-duration: 31s;
            animation-direction: alternate-reverse;
            opacity: 0.58;
        }

        .app-meditation-blob-4 path {
            fill: #f3f7ff;
            filter: blur(0.5rem);
            animation: app-blob-anim-4 10s infinite alternate cubic-bezier(0.45, 0.2, 0.55, 0.8);
        }

        .app-meditation-blob-label {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 3;
            color: #22385f;
            font-size: 1.15rem;
            font-weight: 700;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.88);
            text-align: center;
            width: min(70%, 240px);
            margin: 0;
        }

        @keyframes app-blob-rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

        @keyframes app-blob-anim-1 {
            0% { d: path("M 100 600 q 0 -500, 500 -500 t 500 500 t -500 500 T 100 600 z"); }
            30% { d: path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z"); }
            70% { d: path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
            100% { d: path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z"); }
        }

        @keyframes app-blob-anim-2 {
            0% { d: path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
            40% { d: path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z"); }
            80% { d: path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z"); }
            100% { d: path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
        }

        @keyframes app-blob-anim-3 {
            0% { d: path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z"); }
            35% { d: path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z"); }
            75% { d: path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
            100% { d: path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
        }

        @keyframes app-blob-anim-4 {
            0% { d: path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z"); }
            30% { d: path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z"); }
            70% { d: path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z"); }
            100% { d: path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z"); }
        }

        .app-meditation-immersive {
            --meditation-accent: rgba(59, 130, 246, 0.9);
            --meditation-accent-soft: rgba(191, 219, 254, 0.82);
            position: relative;
        }

        .app-meditation-immersive-shell {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            border-radius: 1.5rem;
            border: 1px solid rgba(203, 213, 225, 0.72);
            background: #ffffff;
            box-shadow: 0 18px 34px -30px rgba(15, 23, 42, 0.38);
            color: #0f172a;
        }

        @media (min-width: 768px) {
            #appEveilPanelContent.app-eveil-panel-immersive {
                padding: 0;
            }

            #appEveilWorkspace.app-eveil-workspace-immersive {
                background: transparent;
                border-radius: 0;
            }
        }

        @media (min-width: 1024px) {
            #appEveilWorkspace.app-eveil-workspace-immersive {
                padding-bottom: 0;
            }
        }

        @media (min-width: 1024px) {
            #appPanelShell.app-panel-shell-flush {
                margin-top: 0;
            }
        }

        .app-meditation-immersive-bg {
            display: none;
        }

        .app-meditation-immersive-shell > *:not(.app-meditation-immersive-bg) {
            position: relative;
            z-index: 1;
        }

        .app-meditation-immersive-head {
            padding: 1rem 1rem 0.4rem;
            border-bottom: 1px solid rgba(203, 213, 225, 0.58);
            background: rgba(255, 255, 255, 0.95);
        }

        .app-meditation-head-row {
            display: flex;
            align-items: center;
            gap: 0.7rem;
        }

        .app-meditation-super-kicker {
            margin: 0;
            font-size: 0.68rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #1d4ed8;
        }

        .app-meditation-main-title {
            margin: 0.1rem 0 0;
            font-size: clamp(1rem, 2.3vw, 1.35rem);
            font-weight: 700;
            line-height: 1.2;
            color: #0f172a;
        }

        .app-meditation-back-btn {
            border: 1px solid rgb(191 219 254 / 0.56);
            background: rgba(248, 250, 252, 0.88);
            color: var(--app-heaven-700);
        }

        .app-meditation-back-btn:hover {
            border-color: rgb(147 197 253 / 0.6);
            background: rgba(239, 246, 255, 0.94);
            color: var(--app-heaven-600);
        }

        .app-meditation-focus-btn {
            margin-left: auto;
            border: 1px solid rgba(148, 163, 184, 0.6);
            border-radius: 0.8rem;
            background: #ffffff;
            color: #334155;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 0.48rem 0.75rem;
            transition: background 0.22s ease, border-color 0.22s ease;
        }

        .app-meditation-focus-btn:hover {
            border-color: rgba(59, 130, 246, 0.58);
            background: #eff6ff;
        }

        .app-meditation-focus-btn[aria-pressed="true"] {
            border-color: rgba(59, 130, 246, 0.58);
            background: #dbeafe;
            color: #1e3a8a;
        }

        .app-meditation-session-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 0.45rem;
            margin-top: 0.8rem;
        }

        .app-meditation-meta-chip {
            display: inline-flex;
            align-items: center;
            border-radius: 999px;
            border: 1px solid rgba(191, 219, 254, 0.65);
            background: rgba(239, 246, 255, 0.86);
            color: #1e3a8a;
            font-size: 0.73rem;
            font-weight: 600;
            line-height: 1;
            padding: 0.4rem 0.65rem;
        }

        .app-meditation-control-grid {
            display: grid;
            gap: 0.55rem;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            margin-top: 0.85rem;
        }

        .app-meditation-control {
            display: grid;
            gap: 0.28rem;
            border-radius: 0.9rem;
            border: 1px solid rgba(203, 213, 225, 0.64);
            background: rgba(255, 255, 255, 0.96);
            padding: 0.52rem 0.7rem;
        }

        .app-meditation-control span {
            font-size: 0.66rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #64748b;
        }

        .app-meditation-control select {
            border: 0;
            background: transparent;
            color: #0f172a;
            font-size: 0.87rem;
            font-weight: 600;
            outline: none;
        }

        .app-meditation-control select option {
            color: #0f172a;
        }

        .app-meditation-refresh-btn {
            border: 1px solid rgba(191, 219, 254, 0.68);
            border-radius: 0.9rem;
            background: rgba(239, 246, 255, 0.86);
            color: #1e40af;
            font-size: 0.84rem;
            font-weight: 700;
            letter-spacing: 0.03em;
            padding: 0.45rem 0.72rem;
            transition: transform 0.2s ease, background 0.2s ease;
        }

        .app-meditation-refresh-btn:hover {
            transform: translateY(-1px);
            background: #dbeafe;
        }

        .app-meditation-lock-hint {
            margin: 0.7rem 0 0;
            font-size: 0.67rem;
            font-weight: 600;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: #64748b;
        }

        .app-meditation-immersive-body {
            display: grid;
            gap: 0.9rem;
            grid-template-columns: minmax(170px, 220px) minmax(0, 1fr);
            padding: 0.95rem;
        }

        .app-meditation-immersive-body > * {
            min-width: 0;
        }

        .app-meditation-rail {
            align-self: start;
            border-radius: 1rem;
            border: 0;
            background: transparent;
            padding: 0.18rem 0;
        }

        .app-meditation-rail-label {
            margin: 0 0 0.55rem;
            font-size: 0.66rem;
            font-weight: 700;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: #64748b;
        }

        .app-meditation-step-stack {
            display: grid;
            gap: 0.42rem;
        }

        .app-meditation-immersive .app-meditation-step-btn {
            justify-content: flex-start;
            text-align: left;
            border-radius: 0.8rem;
            border: 1px solid rgba(203, 213, 225, 0.68);
            background: rgba(255, 255, 255, 0.96);
            color: #334155;
            font-size: 0.8rem;
            font-weight: 700;
            padding: 0.54rem 0.64rem;
            transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .app-meditation-immersive .app-meditation-step-btn[data-active="true"] {
            background: #eff6ff;
            border-color: rgba(147, 197, 253, 0.82);
            color: #16315b;
            transform: translateX(2px);
            box-shadow: 0 10px 16px -18px rgba(30, 64, 175, 0.22);
        }

        .app-meditation-stage-shell {
            border-radius: 1.15rem;
            border: 0;
            background: transparent;
            padding: 0.9rem;
            box-shadow: none;
            color: #0f172a;
            min-width: 0;
            width: 100%;
        }

        .app-meditation-stage-head {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.65rem;
        }

        .app-meditation-stage-status {
            margin: 0;
            font-size: 0.82rem;
            font-weight: 700;
            color: #345287;
        }

        .app-meditation-stage-support {
            margin: 0;
            font-size: 0.74rem;
            font-weight: 600;
            color: #627aa6;
            line-height: 1.35;
            max-width: 100%;
            overflow-wrap: anywhere;
        }

        .app-meditation-intake-panel {
            border: 0;
            background: transparent;
            padding: 0;
        }

        .app-meditation-intake-lead {
            display: flex;
            align-items: flex-start;
            gap: 0.8rem;
            margin-bottom: 1.6rem;
        }

        @media (min-width: 1024px) {
            .app-meditation-intake-lead {
                margin-bottom: 2rem;
            }
        }

        .app-meditation-intake-copy {
            min-width: 0;
            flex: 1 1 auto;
        }

        /* ── Header ──────────────────────────────────── */

        .app-meditation-intake-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.5rem;
        }

        .app-meditation-intake-kicker {
            margin: 0;
            font-size: 0.72rem;
            font-weight: 600;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: var(--meditation-accent, rgba(59, 130, 246, 0.9));
        }

        .app-meditation-intake-counter {
            font-size: 0.72rem;
            font-weight: 600;
            color: #94a3b8;
            font-variant-numeric: tabular-nums;
            transition: color 0.3s ease;
        }

        .app-meditation-intake-counter.app-meditation-intake-counter-done {
            color: #22c55e;
        }

        /* ── Title ───────────────────────────────────── */

        .app-meditation-intake-title {
            margin: 0;
            font-size: clamp(1rem, 1.35vw, 1.14rem);
            font-weight: 700;
            color: #0f172a;
            line-height: 1.3;
            letter-spacing: -0.025em;
        }

        /* ── Question blocks ─────────────────────────── */

        .app-meditation-intake-question {
            display: grid;
            gap: 0.65rem;
        }

        .app-meditation-intake-question + .app-meditation-intake-question {
            margin-top: 1.6rem;
        }

        /* ── Question titles ─────────────────────────── */

        .app-meditation-intake-question-title {
            margin: 0;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.88rem;
            font-weight: 600;
            letter-spacing: -0.01em;
            text-transform: none;
            color: #0f172a;
        }

        .app-meditation-intake-question-icon {
            display: none;
        }

        .app-meditation-intake-question-icon .ph {
            font-size: 1.15rem;
            line-height: 1;
        }

        /* ── Options ─────────────────────────────────── */

        .app-meditation-intake-options {
            display: flex;
            flex-wrap: wrap;
            gap: 0.42rem;
        }

        .app-meditation-intake-option {
            display: inline-flex;
            align-items: center;
            gap: 0.38rem;
            border: 1.5px solid rgba(0, 0, 0, 0.08);
            border-radius: 999px;
            background: #ffffff;
            color: #334155;
            font-size: 0.82rem;
            font-weight: 500;
            line-height: 1;
            padding: 0.55rem 0.95rem;
            cursor: pointer;
            transition: all 0.18s ease;
        }

        .app-meditation-intake-option-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            border-radius: 0;
            background: transparent;
            font-size: 1.05rem;
            line-height: 1;
            color: inherit;
            flex-shrink: 0;
            opacity: 0.55;
            transition: opacity 0.18s ease, color 0.18s ease;
        }

        .app-meditation-intake-option:hover {
            border-color: var(--meditation-accent-soft, rgba(191, 219, 254, 0.82));
            background: #f8fafc;
        }

        /* ── Default selected (soft tint) ──────────── */

        .app-meditation-intake-option[data-selected="true"] {
            border-color: var(--meditation-accent-soft, rgba(191, 219, 254, 0.82));
            background: rgba(239, 246, 255, 0.65);
            color: #1e3a8a;
        }

        .app-meditation-intake-option[data-selected="true"] .app-meditation-intake-option-icon {
            color: var(--meditation-accent, rgba(59, 130, 246, 0.9));
            background: transparent;
            opacity: 1;
        }

        /* ── Per-mood colors (Humeur actuelle) ──────── */

        .app-meditation-intake-option[data-group="mood"][data-value="calme"][data-selected="true"] {
            border-color: rgba(125, 211, 252, 0.55);
            background: rgba(224, 242, 254, 0.55);
            color: #0c4a6e;
        }
        .app-meditation-intake-option[data-group="mood"][data-value="calme"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #0ea5e9;
        }

        .app-meditation-intake-option[data-group="mood"][data-value="fatigue"][data-selected="true"] {
            border-color: rgba(196, 181, 253, 0.55);
            background: rgba(237, 233, 254, 0.55);
            color: #4c1d95;
        }
        .app-meditation-intake-option[data-group="mood"][data-value="fatigue"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #8b5cf6;
        }

        .app-meditation-intake-option[data-group="mood"][data-value="pression"][data-selected="true"] {
            border-color: rgba(253, 186, 116, 0.55);
            background: rgba(255, 237, 213, 0.55);
            color: #7c2d12;
        }
        .app-meditation-intake-option[data-group="mood"][data-value="pression"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #f97316;
        }

        .app-meditation-intake-option[data-group="mood"][data-value="gratitude"][data-selected="true"] {
            border-color: rgba(253, 224, 71, 0.5);
            background: rgba(254, 249, 195, 0.5);
            color: #713f12;
        }
        .app-meditation-intake-option[data-group="mood"][data-value="gratitude"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #eab308;
        }

        .app-meditation-intake-option[data-group="mood"][data-value="esperance"][data-selected="true"] {
            border-color: rgba(110, 231, 183, 0.5);
            background: rgba(209, 250, 229, 0.5);
            color: #064e3b;
        }
        .app-meditation-intake-option[data-group="mood"][data-value="esperance"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #10b981;
        }

        /* ── Per-need colors (Besoin principal) sky→vert→doré→violet→orange ── */

        .app-meditation-intake-option[data-group="need"][data-value="paix"][data-selected="true"] {
            border-color: rgba(125, 211, 252, 0.55);
            background: rgba(224, 242, 254, 0.55);
            color: #0c4a6e;
        }
        .app-meditation-intake-option[data-group="need"][data-value="paix"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #0ea5e9;
        }

        .app-meditation-intake-option[data-group="need"][data-value="confiance"][data-selected="true"] {
            border-color: rgba(110, 231, 183, 0.5);
            background: rgba(209, 250, 229, 0.5);
            color: #064e3b;
        }
        .app-meditation-intake-option[data-group="need"][data-value="confiance"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #10b981;
        }

        .app-meditation-intake-option[data-group="need"][data-value="guerison"][data-selected="true"] {
            border-color: rgba(253, 224, 71, 0.5);
            background: rgba(254, 249, 195, 0.5);
            color: #713f12;
        }
        .app-meditation-intake-option[data-group="need"][data-value="guerison"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #eab308;
        }

        .app-meditation-intake-option[data-group="need"][data-value="esperance"][data-selected="true"] {
            border-color: rgba(196, 181, 253, 0.55);
            background: rgba(237, 233, 254, 0.55);
            color: #4c1d95;
        }
        .app-meditation-intake-option[data-group="need"][data-value="esperance"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #8b5cf6;
        }

        .app-meditation-intake-option[data-group="need"][data-value="gratitude"][data-selected="true"] {
            border-color: rgba(253, 186, 116, 0.55);
            background: rgba(255, 237, 213, 0.55);
            color: #7c2d12;
        }
        .app-meditation-intake-option[data-group="need"][data-value="gratitude"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #f97316;
        }

        /* ── Per-pace colors (Rythme) sky→vert→doré→violet→orange ── */

        .app-meditation-intake-option[data-group="pace"][data-value="contemplatif"][data-selected="true"] {
            border-color: rgba(125, 211, 252, 0.55);
            background: rgba(224, 242, 254, 0.55);
            color: #0c4a6e;
        }
        .app-meditation-intake-option[data-group="pace"][data-value="contemplatif"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #0ea5e9;
        }

        .app-meditation-intake-option[data-group="pace"][data-value="ancre"][data-selected="true"] {
            border-color: rgba(110, 231, 183, 0.5);
            background: rgba(209, 250, 229, 0.5);
            color: #064e3b;
        }
        .app-meditation-intake-option[data-group="pace"][data-value="ancre"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #10b981;
        }

        .app-meditation-intake-option[data-group="pace"][data-value="equilibre"][data-selected="true"] {
            border-color: rgba(253, 224, 71, 0.5);
            background: rgba(254, 249, 195, 0.5);
            color: #713f12;
        }
        .app-meditation-intake-option[data-group="pace"][data-value="equilibre"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #eab308;
        }

        .app-meditation-intake-option[data-group="pace"][data-value="profondeur"][data-selected="true"] {
            border-color: rgba(196, 181, 253, 0.55);
            background: rgba(237, 233, 254, 0.55);
            color: #4c1d95;
        }
        .app-meditation-intake-option[data-group="pace"][data-value="profondeur"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #8b5cf6;
        }

        .app-meditation-intake-option[data-group="pace"][data-value="reset"][data-selected="true"] {
            border-color: rgba(253, 186, 116, 0.55);
            background: rgba(255, 237, 213, 0.55);
            color: #7c2d12;
        }
        .app-meditation-intake-option[data-group="pace"][data-value="reset"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #f97316;
        }

        /* ── Per-energy colors (Énergie) sky→vert→doré→violet→orange ── */

        .app-meditation-intake-option[data-group="energy"][data-value="entrain"][data-selected="true"] {
            border-color: rgba(125, 211, 252, 0.55);
            background: rgba(224, 242, 254, 0.55);
            color: #0c4a6e;
        }
        .app-meditation-intake-option[data-group="energy"][data-value="entrain"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #0ea5e9;
        }

        .app-meditation-intake-option[data-group="energy"][data-value="haute"][data-selected="true"] {
            border-color: rgba(110, 231, 183, 0.5);
            background: rgba(209, 250, 229, 0.5);
            color: #064e3b;
        }
        .app-meditation-intake-option[data-group="energy"][data-value="haute"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #10b981;
        }

        .app-meditation-intake-option[data-group="energy"][data-value="moyenne"][data-selected="true"] {
            border-color: rgba(253, 224, 71, 0.5);
            background: rgba(254, 249, 195, 0.5);
            color: #713f12;
        }
        .app-meditation-intake-option[data-group="energy"][data-value="moyenne"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #eab308;
        }

        .app-meditation-intake-option[data-group="energy"][data-value="basse"][data-selected="true"] {
            border-color: rgba(196, 181, 253, 0.55);
            background: rgba(237, 233, 254, 0.55);
            color: #4c1d95;
        }
        .app-meditation-intake-option[data-group="energy"][data-value="basse"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #8b5cf6;
        }

        .app-meditation-intake-option[data-group="energy"][data-value="epuise"][data-selected="true"] {
            border-color: rgba(253, 186, 116, 0.55);
            background: rgba(255, 237, 213, 0.55);
            color: #7c2d12;
        }
        .app-meditation-intake-option[data-group="energy"][data-value="epuise"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #f97316;
        }

        /* ── Per-context colors (Environnement) sky→vert→doré→violet→orange ── */

        .app-meditation-intake-option[data-group="context"][data-value="silence"][data-selected="true"] {
            border-color: rgba(125, 211, 252, 0.55);
            background: rgba(224, 242, 254, 0.55);
            color: #0c4a6e;
        }
        .app-meditation-intake-option[data-group="context"][data-value="silence"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #0ea5e9;
        }

        .app-meditation-intake-option[data-group="context"][data-value="calme"][data-selected="true"] {
            border-color: rgba(110, 231, 183, 0.5);
            background: rgba(209, 250, 229, 0.5);
            color: #064e3b;
        }
        .app-meditation-intake-option[data-group="context"][data-value="calme"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #10b981;
        }

        .app-meditation-intake-option[data-group="context"][data-value="mixte"][data-selected="true"] {
            border-color: rgba(253, 224, 71, 0.5);
            background: rgba(254, 249, 195, 0.5);
            color: #713f12;
        }
        .app-meditation-intake-option[data-group="context"][data-value="mixte"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #eab308;
        }

        .app-meditation-intake-option[data-group="context"][data-value="agite"][data-selected="true"] {
            border-color: rgba(196, 181, 253, 0.55);
            background: rgba(237, 233, 254, 0.55);
            color: #4c1d95;
        }
        .app-meditation-intake-option[data-group="context"][data-value="agite"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #8b5cf6;
        }

        .app-meditation-intake-option[data-group="context"][data-value="perturbe"][data-selected="true"] {
            border-color: rgba(253, 186, 116, 0.55);
            background: rgba(255, 237, 213, 0.55);
            color: #7c2d12;
        }
        .app-meditation-intake-option[data-group="context"][data-value="perturbe"][data-selected="true"] .app-meditation-intake-option-icon {
            color: #f97316;
        }

        /* ── Summary ─────────────────────────────────── */

        .app-meditation-intake-summary {
            margin: 1.8rem 0 0;
            font-size: 0.82rem;
            line-height: 1.55;
            color: #94a3b8;
        }

        /* ── CTA Button ──────────────────────────────── */

        .app-meditation-intake-start-btn {
            margin-top: 0.75rem;
            width: 100%;
            border: 1px solid rgba(59, 130, 246, 0.18);
            border-radius: 0.75rem;
            background: linear-gradient(160deg, rgba(59, 130, 246, 0.94) 0%, var(--app-heaven-500, #5f8ef5) 54%, rgba(99, 155, 255, 0.9) 100%);
            color: #ffffff;
            font-size: 0.88rem;
            font-weight: 600;
            padding: 0.88rem 1rem;
            letter-spacing: -0.01em;
            cursor: pointer;
            box-shadow: 0 2px 8px -2px rgba(59, 130, 246, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.15);
            transition: opacity 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
        }

        .app-meditation-intake-start-btn::before {
            display: none;
        }

        .app-meditation-intake-start-btn:hover:enabled {
            opacity: 0.92;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.18);
        }

        .app-meditation-intake-start-btn:active:enabled {
            transform: translateY(0);
            opacity: 0.82;
        }

        .app-meditation-intake-start-btn:disabled {
            cursor: not-allowed;
            opacity: 0.32;
        }

        .app-meditation-glass-card {
            border-radius: 1rem;
            border: 1px solid rgba(226, 232, 240, 0.92);
            background: linear-gradient(180deg, rgba(249, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
            box-shadow: 0 16px 24px -28px rgba(15, 23, 42, 0.14);
            padding: 0.82rem 0.92rem;
        }

        .app-meditation-glass-card.app-meditation-glass-warm {
            border-color: rgba(253, 230, 138, 0.92);
            background: linear-gradient(180deg, rgba(255, 251, 235, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-glass--scripture {
            border-color: rgba(191, 219, 254, 0.92);
            background: linear-gradient(180deg, rgba(239, 246, 255, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-glass--prayer {
            border-color: rgba(251, 207, 232, 0.92);
            background: linear-gradient(180deg, rgba(253, 242, 248, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-glass--verse {
            border-color: rgba(167, 243, 208, 0.92);
            background: linear-gradient(180deg, rgba(236, 253, 245, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-glass--silence {
            border-color: rgba(196, 181, 253, 0.92);
            background: linear-gradient(180deg, rgba(245, 243, 255, 0.46) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-glass--closing {
            border-color: rgba(226, 232, 240, 0.92);
            background: linear-gradient(180deg, rgba(248, 250, 252, 0.64) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-meditation-card-head {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.42rem;
        }

        .app-meditation-card-icon {
            display: inline-flex;
            width: 1.75rem;
            height: 1.75rem;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border-radius: 0.6rem;
            background: rgba(241, 245, 249, 0.96);
            color: #64748b;
        }

        .app-meditation-card-icon i {
            font-size: 0.88rem;
            line-height: 1;
        }

        .app-meditation-card-icon--scripture { background: rgba(219, 234, 254, 0.92); color: #1d4ed8; }
        .app-meditation-card-icon--prayer { background: rgba(252, 231, 243, 0.92); color: #be185d; }
        .app-meditation-card-icon--verse { background: rgba(209, 250, 229, 0.92); color: #059669; }
        .app-meditation-card-icon--silence { background: rgba(237, 233, 254, 0.92); color: #6d28d9; }
        .app-meditation-card-icon--warm { background: rgba(254, 243, 199, 0.86); color: #d97706; }
        .app-meditation-card-icon--closing { background: rgba(241, 245, 249, 0.96); color: #64748b; }

        .app-meditation-glass--scripture .app-meditation-card-kicker { color: #1d4ed8; }
        .app-meditation-glass--prayer .app-meditation-card-kicker { color: #be185d; }
        .app-meditation-glass--verse .app-meditation-card-kicker { color: #059669; }
        .app-meditation-glass--silence .app-meditation-card-kicker { color: #6d28d9; }
        .app-meditation-glass-warm .app-meditation-card-kicker { color: #b45309; }
        .app-meditation-glass--closing .app-meditation-card-kicker { color: #64748b; }

        .app-meditation-text-rich {
            font-size: 0.94rem;
            line-height: 1.72;
            color: #1e293b;
            text-wrap: pretty;
        }

        .app-meditation-text-verse {
            font-style: italic;
            font-weight: 500;
            font-size: 0.92rem;
            line-height: 1.68;
            color: #1e293b;
        }

        .app-meditation-card-kicker {
            margin: 0;
            font-size: 0.67rem;
            font-weight: 700;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: #496899;
        }

        #appMeditationGuideChecklist {
            margin: 0.72rem 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 0.58rem;
        }

        #appMeditationGuideChecklist li {
            position: relative;
            margin: 0;
            padding-left: 0.92rem;
            font-size: 0.89rem;
            line-height: 1.58;
            color: #334155;
        }

        #appMeditationGuideChecklist li::before {
            content: '';
            position: absolute;
            top: 0.66rem;
            left: 0;
            width: 0.34rem;
            height: 0.34rem;
            border-radius: 999px;
            background: rgba(96, 165, 250, 0.78);
        }

        .app-meditation-subtle-note {
            margin: 0.65rem 0 0;
            text-align: center;
            font-size: 0.69rem;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: #5f759f;
        }

        .app-meditation-nav-actions {
            margin-top: 0.8rem;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.55rem;
        }

        .app-meditation-prev-btn,
        .app-meditation-next-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.45rem;
            border-radius: 0.82rem;
            border: 0;
            font-size: 0.86rem;
            font-weight: 700;
            padding: 0.65rem 0.75rem;
            transition: transform 0.2s ease, filter 0.2s ease;
            color: #ffffff;
        }

        .app-meditation-prev-btn {
            background: #e11d48;
        }

        .app-meditation-next-btn {
            background: #059669;
        }

        .app-meditation-prev-btn:hover,
        .app-meditation-next-btn:hover {
            transform: translateY(-1px);
            filter: brightness(1.03);
        }

        .app-meditation-immersive.app-meditation-focus .app-meditation-rail,
        .app-meditation-immersive.app-meditation-focus .app-meditation-session-meta,
        .app-meditation-immersive.app-meditation-focus .app-meditation-control-grid,
        .app-meditation-immersive.app-meditation-focus #appMeditationThemeLockHint {
            display: none;
        }

        .app-meditation-immersive.app-meditation-focus .app-meditation-immersive-body {
            grid-template-columns: 1fr;
        }

        .app-meditation-immersive.app-meditation-intake-live .app-meditation-immersive-body {
            grid-template-columns: 1fr;
        }

        .app-meditation-immersive.app-meditation-intake-live .app-meditation-immersive-head {
            display: none;
        }

        .app-meditation-stage-shell.app-meditation-intake-active .app-meditation-stage-head,
        .app-meditation-stage-shell.app-meditation-intake-active [data-app-meditation-step],
        .app-meditation-stage-shell.app-meditation-intake-active .app-meditation-nav-actions {
            display: none;
        }

        .app-meditation-stage-shell.app-meditation-intake-active #appMeditationIntakePanel {
            display: block;
        }

        .app-meditation-immersive-shell[data-theme="paix"] {
            --meditation-accent: rgba(59, 130, 246, 0.9);
            --meditation-accent-soft: rgba(191, 219, 254, 0.82);
        }

        .app-meditation-immersive-shell[data-theme="confiance"] {
            --meditation-accent: rgba(37, 99, 235, 0.9);
            --meditation-accent-soft: rgba(191, 219, 254, 0.82);
        }

        .app-meditation-immersive-shell[data-theme="gratitude"] {
            --meditation-accent: rgba(217, 119, 6, 0.9);
            --meditation-accent-soft: rgba(254, 240, 138, 0.82);
        }

        .app-meditation-immersive-shell[data-theme="guerison"] {
            --meditation-accent: rgba(13, 148, 136, 0.9);
            --meditation-accent-soft: rgba(167, 243, 208, 0.82);
        }

        .app-meditation-immersive-shell[data-theme="esperance"] {
            --meditation-accent: rgba(109, 40, 217, 0.9);
            --meditation-accent-soft: rgba(221, 214, 254, 0.82);
        }

        @media (min-width: 1024px) {
            .app-meditation-panel-desktop-mosaic {
                display: grid;
                grid-template-columns: minmax(0, 1.24fr) minmax(320px, 0.76fr);
                gap: 0.82rem;
                align-items: stretch;
            }

            .app-meditation-panel-desktop-mosaic > :not([hidden]) ~ :not([hidden]) {
                margin-top: 0 !important;
            }

            .app-meditation-panel-desktop-mosaic > .app-meditation-stage-visual {
                grid-column: 1;
                grid-row: 1 / span var(--app-meditation-mosaic-rows, 2);
                display: flex;
                height: 100%;
                min-height: 0;
            }

            .app-meditation-panel-desktop-mosaic > .app-meditation-stage-visual img {
                flex: 1 1 auto;
                width: 100%;
                height: 100%;
                min-height: 320px;
                max-height: none;
                object-fit: cover;
            }

            .app-meditation-panel-desktop-mosaic > .app-meditation-glass-card {
                grid-column: 2;
            }

            #appMeditationStep1.app-meditation-panel-desktop-mosaic {
                --app-meditation-mosaic-rows: 2;
            }

            #appMeditationStep2.app-meditation-panel-desktop-mosaic {
                --app-meditation-mosaic-rows: 3;
            }

            #appMeditationStep1.app-meditation-panel-desktop-mosaic > .app-meditation-stage-visual img,
            #appMeditationStep2.app-meditation-panel-desktop-mosaic > .app-meditation-stage-visual img {
                min-height: 300px;
                max-height: none;
            }

            #appMeditationStep2.app-meditation-panel-desktop-mosaic > .app-meditation-step2-side-grid {
                grid-column: 2;
                grid-template-columns: 1fr;
                gap: 0.62rem;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
                column-gap: 0.82rem;
                row-gap: 0.62rem;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-card-kicker,
            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-progress-container,
            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-breath-hint,
            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-subtle-note {
                grid-column: 1 / -1;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-blob-container {
                grid-column: 1;
                margin: 0;
                min-height: 230px;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-stage-visual-step3 {
                grid-column: 2;
                margin: 0;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-stage-visual-step3 img {
                width: 100%;
                height: 100%;
                min-height: 230px;
                max-height: 300px;
                object-fit: cover;
            }

            #appMeditationStep3 .app-meditation-breath-card-desktop-mosaic > .app-meditation-glass-card {
                grid-column: 1 / -1;
            }

            #appMeditationStep4.app-meditation-panel-desktop-mosaic {
                --app-meditation-mosaic-rows: 2;
            }

            #appMeditationStep5.app-meditation-panel-desktop-mosaic {
                --app-meditation-mosaic-rows: 3;
            }

            #appMeditationStep6.app-meditation-panel-desktop-mosaic {
                --app-meditation-mosaic-rows: 3;
            }
        }

        @media (max-width: 1023px) {
            .app-meditation-immersive-body {
                grid-template-columns: 1fr;
                gap: 0.78rem;
            }

            .app-meditation-rail {
                order: 2;
            }

            .app-meditation-step-stack {
                grid-template-columns: repeat(6, minmax(120px, 1fr));
                overflow-x: auto;
                padding-bottom: 0.25rem;
            }

            .app-meditation-immersive .app-meditation-step-btn {
                min-width: 120px;
            }

            .app-bible-history-top-layout {
                grid-template-columns: 1fr;
                gap: 0.58rem;
            }

            .app-bible-history-top-rail {
                gap: 0.58rem;
            }
        }

        @media (max-width: 767px) {
            #appMeditationGuideSection {
                padding-bottom: 0 !important;
            }

            .app-meditation-immersive-shell {
                border-radius: 1.2rem;
            }

            .app-meditation-immersive-head {
                padding: 0.82rem 0.8rem 0.32rem;
            }

            .app-meditation-control-grid {
                grid-template-columns: 1fr;
            }

            .app-meditation-main-title {
                font-size: 1rem;
            }

            .app-meditation-focus-btn {
                font-size: 0.7rem;
                padding: 0.42rem 0.62rem;
            }

            .app-meditation-immersive-body {
                padding: 0.74rem;
            }

            .app-meditation-stage-shell {
                padding: 0.18rem 0 0;
            }

            .app-meditation-stage-head {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.35rem;
            }

            .app-meditation-glass-card,
            .app-meditation-breath-card {
                padding: 0.72rem 0.76rem;
            }

            #appMeditationGuideChecklist {
                gap: 0.48rem;
            }

            #appMeditationGuideChecklist li {
                font-size: 0.85rem;
                line-height: 1.52;
            }

            .app-meditation-stage-status,
            .app-meditation-stage-support {
                width: 100%;
            }

            .app-meditation-intake-question + .app-meditation-intake-question {
                margin-top: 0.82rem;
            }

            .app-meditation-intake-options {
                display: grid;
                grid-template-columns: 1fr;
                gap: 0.48rem;
            }

            #appMeditationIntakeMoodOptions,
            #appMeditationIntakeEnergyOptions {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            #appMeditationIntakeMoodOptions .app-meditation-intake-option:last-child:nth-child(odd),
            #appMeditationIntakeEnergyOptions .app-meditation-intake-option:last-child:nth-child(odd) {
                grid-column: 1 / -1;
            }

            .app-meditation-intake-option {
                width: 100%;
                min-height: 2.8rem;
                justify-content: flex-start;
                padding: 0.54rem 0.82rem;
                font-size: 0.8rem;
                line-height: 1.2;
            }

            .app-meditation-intake-option-icon {
                width: 1rem;
                justify-content: center;
            }
        }
.app-mobile-nav {
            background: #ffffff;
            border-top: 1px solid rgb(226, 232, 240);
            backdrop-filter: none;
            box-shadow: 0 -14px 40px -28px rgba(20, 37, 79, 0.55);
            padding-bottom: max(0px, calc(env(safe-area-inset-bottom, 0px) - 0.22rem));
            transition:
                padding 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                background-color 0.28s ease,
                border-color 0.28s ease,
                box-shadow 0.28s ease;
        }

        @media (hover: hover) and (pointer: fine) {
            button:not(:disabled),
            [type="button"]:not(:disabled),
            [type="submit"]:not(:disabled),
            [type="reset"]:not(:disabled),
            a[href],
            summary,
            label[for],
            [role="button"]:not([aria-disabled="true"]),
            .app-nav-btn,
            .app-mobile-nav-btn,
            [data-panel],
            [data-subject],
            [data-rating] {
                cursor: pointer;
            }

            button:disabled,
            [aria-disabled="true"] {
                cursor: not-allowed;
            }
        }

        .app-mobile-nav-shell {
            position: relative;
            transform: translateY(0.14rem);
            transition:
                max-width 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                border-radius 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                background-color 0.28s ease,
                border-color 0.28s ease,
                box-shadow 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
            transform-origin: center bottom;
        }

        .app-mobile-nav-btn {
            position: relative;
            border-radius: 1rem;
            justify-content: center;
            min-height: 3.9rem;
            padding-block: 0.52rem;
            padding-inline: 0.75rem;
            transition:
                color 0.24s ease,
                opacity 0.24s ease,
                transform 0.24s ease,
                background-color 0.24s ease,
                box-shadow 0.24s ease;
        }

        .app-mobile-nav.is-floating {
            background: transparent;
            border-top-color: transparent;
            box-shadow: none;
            padding-left: 0.45rem;
            padding-right: 0.45rem;
            padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 0.26rem);
        }

        .app-mobile-nav.is-floating .app-mobile-nav-shell {
            max-width: 23.35rem;
            border: 1px solid rgb(238, 242, 247);
            border-radius: 1.45rem;
            background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
            backdrop-filter: none;
            box-shadow:
                0 24px 55px -30px rgba(20, 37, 79, 0.5),
                0 10px 25px -18px rgba(95, 142, 245, 0.28),
                inset 0 1px 0 rgba(255, 255, 255, 0.88);
            transform: translateY(0.18rem);
        }

        .app-mobile-nav.is-floating .app-mobile-nav-btn {
            min-height: 3.3rem;
            padding-block: 0.32rem;
            padding-inline: 0.58rem;
            gap: 0.22rem;
        }

        .app-mobile-nav.is-floating .app-mobile-nav-btn[aria-pressed="true"] {
            background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
            box-shadow:
                0 10px 18px -16px rgba(20, 37, 79, 0.32),
                inset 0 1px 0 rgba(255, 255, 255, 0.94);
            transform: translateY(-1px);
        }

        .app-mobile-nav.is-floating .app-mobile-nav-btn:not([aria-pressed="true"]) {
            opacity: 1;
        }

        .app-mobile-nav.is-floating .app-mobile-nav-btn span {
            line-height: 1;
        }

        .app-mobile-nav .app-mobile-nav-btn .nav-fa-icon {
            width: 20px;
            height: 24px;
            transform-origin: center;
        }

        .app-mobile-nav.is-floating .app-mobile-nav-btn .nav-fa-icon {
            width: 18px;
            height: 21px;
        }

        .app-mobile-nav .app-mobile-nav-btn[data-panel="bible"] .nav-fa-icon {
            transform: scale(0.88);
        }

        .app-mobile-nav .app-mobile-nav-btn[data-panel="hymnes"] .nav-fa-icon {
            transform: scale(0.84);
        }

        .app-mobile-nav .app-mobile-nav-btn[data-panel="plus"] .nav-fa-icon {
            transform: scale(0.82);
        }

        .app-bible-mobile-action-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 128px 36px 36px;
            align-items: center;
            gap: 0.5rem;
        }

        .app-bible-mobile-action-row > * {
            min-width: 0;
        }

        .app-bible-mobile-chapter-group {
            grid-template-columns: 32px minmax(0, 1fr) 32px;
        }

        #appBibleChapterLabel {
            white-space: nowrap;
            line-height: 1;
        }

        .app-bible-chapter-jump-trigger {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            min-width: 0;
            height: 2rem;
            border-radius: 0.5rem;
            color: rgb(51 65 85);
            font-size: 0.72rem;
            font-weight: 700;
            line-height: 1;
            text-align: center;
            transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
        }

        .app-bible-chapter-jump-trigger:focus-visible,
        .app-bible-chapter-sheet-input:focus-visible {
            outline: 2px solid rgb(59 130 246 / 0.45);
            outline-offset: 2px;
        }

        .app-bible-chapter-jump-trigger:hover {
            background: rgb(248 250 252);
            color: rgb(37 99 235);
        }

        .app-bible-chapter-sheet-input {
            border: 1px solid rgb(191 219 254);
            background: rgb(239 246 255);
            color: rgb(30 64 175);
            appearance: textfield;
        }

        .app-bible-chapter-sheet-input::-webkit-outer-spin-button,
        .app-bible-chapter-sheet-input::-webkit-inner-spin-button {
            margin: 0;
            appearance: none;
        }

        .app-bible-chapter-sheet-input.is-invalid {
            border-color: rgb(251 113 133);
            background: rgb(255 241 242);
            color: rgb(190 18 60);
        }

        .app-mobile-bottom-sheet {
            left: 50%;
            width: 100vw;
            max-width: 100vw;
            bottom: 0;
            max-height: min(72vh, calc(100dvh - max(0.75rem, env(safe-area-inset-top, 0px) + 0.5rem)));
            transform: translateX(-50%) translateY(var(--app-mobile-bottom-sheet-offset, 0px));
            transition:
                bottom 0.22s ease,
                min-height 0.22s ease,
                max-height 0.28s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
            will-change: transform;
            overscroll-behavior: contain;
            overflow: hidden;
        }

        .app-mobile-bottom-sheet.is-expanded {
            max-height: min(88vh, calc(100dvh - max(0.35rem, env(safe-area-inset-top, 0px) + 0.2rem)));
        }

        .app-mobile-bottom-sheet.is-dragging {
            transition: none;
        }

        .app-mobile-bottom-sheet-handle {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.7rem 1rem 0.3rem;
            touch-action: none;
            user-select: none;
            -webkit-user-select: none;
            cursor: grab;
        }

        .app-mobile-bottom-sheet.is-dragging .app-mobile-bottom-sheet-handle {
            cursor: grabbing;
        }

        .app-mobile-bottom-sheet-grip {
            width: 2.8rem;
            height: 0.3rem;
            border-radius: 999px;
            background: rgba(148, 163, 184, 0.48);
        }

        .app-mobile-bottom-sheet-scroll {
            max-height: min(48vh, calc(100dvh - 13.5rem)) !important;
            overscroll-behavior: contain;
        }

        .app-mobile-bottom-sheet.is-expanded .app-mobile-bottom-sheet-scroll {
            max-height: min(66vh, calc(100dvh - 10rem)) !important;
        }

        @media (max-width: 767px) {
            #appBibleVerses,
            #appHymnList {
                touch-action: pan-y;
            }

            body.app-page #appHymnNumberInput,
            body.app-page #appHymnSheetSearch,
            body.app-page #appBibleBookSearch,
            body.app-page #appBibleChapterJumpInput,
            body.app-page #appBibleSearchMobile {
                font-size: 1rem !important;
            }
        }

        @media (max-width: 380px) {
            .app-bible-mobile-action-row {
                grid-template-columns: minmax(0, 1fr) 120px 36px 36px;
                gap: 0.45rem;
            }
        }

        .app-bible-fab-nav {
            bottom: calc(env(safe-area-inset-bottom, 0px) + 4rem);
            transition:
                bottom 0.32s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .app-bible-fab-nav.is-floating {
            bottom: calc(env(safe-area-inset-bottom, 0px) + 4.65rem);
        }

        .app-bible-search-sheet-panel,
        .app-bible-chapter-sheet-panel,
        .app-hymn-search-sheet-panel {
            display: flex;
            flex-direction: column;
            bottom: var(--app-mobile-sheet-keyboard-offset, 0px);
            min-height: min(68dvh, calc(var(--app-mobile-sheet-visual-height, 100dvh) - env(safe-area-inset-top, 0px) - 0.75rem));
            max-height: min(88dvh, calc(var(--app-mobile-sheet-visual-height, 100dvh) - env(safe-area-inset-top, 0px) - 0.75rem));
            transition: bottom 0.22s ease, min-height 0.22s ease, max-height 0.22s ease;
        }

        .app-bible-search-sheet-body,
        .app-bible-chapter-sheet-body,
        .app-hymn-search-sheet-body {
            flex: 0 0 auto;
        }

        .app-bible-chapter-sheet-body {
            min-height: 0;
            overflow-y: auto;
            overscroll-behavior: contain;
            padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
        }

        .app-bible-search-sheet-results,
        .app-hymn-search-sheet-results {
            flex: 1 1 auto;
            min-height: 0;
            max-height: none !important;
            overscroll-behavior: contain;
            padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1.25rem);
        }

        .app-onboarding {
            position: fixed;
            inset: 0;
            z-index: 55;
            pointer-events: auto;
        }

        .app-onboarding-scrim {
            position: fixed;
            z-index: 55;
            pointer-events: none;
        }

        .app-onboarding-card {
            position: fixed;
            z-index: 57;
            width: min(19rem, calc(100vw - 2rem));
            border: 1px solid rgba(191, 219, 254, 0.76);
            border-radius: 1.1rem;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(247, 250, 255, 0.98) 100%);
            box-shadow:
                0 20px 48px -20px rgba(15, 23, 42, 0.28),
                0 8px 20px -14px rgba(59, 130, 246, 0.22),
                inset 0 1px 0 rgba(255, 255, 255, 0.9);
            padding: 0.85rem 0.9rem;
            pointer-events: auto;
        }

        .app-onboarding-arrow {
            position: fixed;
            z-index: 58;
            width: 12px;
            height: 12px;
            background: rgba(255, 255, 255, 0.99);
            border: 1px solid rgba(191, 219, 254, 0.76);
            transform: rotate(45deg);
            pointer-events: none;
        }

        .app-onboarding-step {
            margin: 0;
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.2rem 0.5rem;
            border-radius: 999px;
            background: rgba(239, 246, 255, 0.9);
            border: 1px solid rgba(191, 219, 254, 0.5);
            font-size: 0.62rem;
            font-weight: 700;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            color: rgb(59 130 246 / 0.9);
        }

        .app-onboarding-title {
            margin: 0.5rem 0 0;
            font-family: var(--font-title, inherit);
            font-size: 1.05rem;
            font-weight: 800;
            line-height: 1.2;
            color: rgb(15 23 42 / 0.96);
        }

        .app-onboarding-copy {
            margin: 0.3rem 0 0;
            font-size: 0.82rem;
            line-height: 1.5;
            color: rgb(100 116 139 / 0.95);
        }

        .app-onboarding-dots {
            display: flex;
            align-items: center;
            gap: 5px;
            margin-top: 0.6rem;
        }

        .app-onboarding-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: rgb(203 213 225 / 0.7);
            transition: background 200ms ease, transform 200ms ease, width 200ms ease;
        }

        .app-onboarding-dot.is-active {
            width: 16px;
            border-radius: 3px;
            background: rgb(59 130 246);
            transform: none;
        }

        .app-onboarding-actions {
            margin-top: 0.75rem;
            padding-top: 0.65rem;
            border-top: 1px solid rgba(226, 232, 240, 0.5);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
        }

        .app-onboarding-actions-group {
            display: flex;
            align-items: center;
            gap: 0.35rem;
            margin-left: auto;
        }

        .app-onboarding-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 2.1rem;
            border-radius: 0.65rem;
            border: 1px solid transparent;
            padding: 0.38rem 0.72rem;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.01em;
            cursor: pointer;
            user-select: none;
            transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
        }

        .app-onboarding-btn:disabled {
            opacity: 0.35;
            pointer-events: none;
        }

        .app-onboarding-btn-skip {
            background: transparent;
            border-color: transparent;
            color: rgb(148 163 184 / 0.9);
            font-weight: 500;
            font-size: 0.75rem;
            padding: 0.38rem 0.5rem;
        }

        .app-onboarding-btn-skip:hover {
            color: rgb(100 116 139 / 0.95);
        }

        .app-onboarding-btn-secondary {
            background: rgba(248, 250, 252, 0.96);
            border-color: rgba(226, 232, 240, 0.7);
            color: rgb(71 85 105 / 0.92);
            box-shadow: 0 1px 2px -1px rgba(15, 23, 42, 0.06);
        }

        .app-onboarding-btn-secondary:hover {
            background: rgba(241, 245, 249, 0.98);
            border-color: rgba(203, 213, 225, 0.8);
        }

        .app-onboarding-btn-primary {
            border-color: rgba(59, 130, 246, 0.18);
            background: linear-gradient(160deg, rgba(59, 130, 246, 0.94) 0%, rgba(79, 140, 248, 0.9) 54%, rgba(99, 155, 255, 0.86) 100%);
            color: #fff;
            font-weight: 700;
            box-shadow: 0 2px 6px -2px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
        }

        .app-onboarding-btn-primary:hover {
            border-color: rgba(37, 99, 235, 0.22);
            background: linear-gradient(160deg, rgba(37, 99, 235, 0.96) 0%, rgba(59, 130, 246, 0.92) 54%, rgba(79, 140, 248, 0.88) 100%);
            box-shadow: 0 3px 8px -2px rgba(59, 130, 246, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.18);
        }

        .app-onboarding-target {
            position: relative !important;
            z-index: 56 !important;
        }

        @media (max-width: 1023.98px) {
            .app-onboarding-card {
                width: min(17.75rem, calc(100vw - 1.5rem));
                border-radius: 1rem;
                padding: 0.72rem 0.8rem;
                box-shadow:
                    0 18px 40px -20px rgba(15, 23, 42, 0.26),
                    0 6px 16px -12px rgba(59, 130, 246, 0.2),
                    inset 0 1px 0 rgba(255, 255, 255, 0.9);
            }

            .app-onboarding-arrow {
                width: 11px;
                height: 11px;
            }

            .app-onboarding-actions {
                flex-wrap: nowrap;
            }

            .app-onboarding-actions-group {
                gap: 0.3rem;
            }

            .app-onboarding-btn {
                min-height: 2rem;
                padding: 0.34rem 0.6rem;
                font-size: 0.75rem;
            }

            .app-onboarding-btn-skip {
                padding: 0.34rem 0.4rem;
                font-size: 0.72rem;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .app-mobile-nav,
            .app-mobile-nav-shell,
            .app-mobile-nav-btn,
            .app-bible-fab-nav,
            .app-onboarding-btn {
                transition: none !important;
            }
        }

        .sidebar-shell {
            box-sizing: border-box;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(247, 250, 255, 0.88) 100%),
                radial-gradient(circle at 12% 8%, rgba(95, 142, 245, 0.18), transparent 42%);
            border: 1px solid rgba(170, 195, 245, 0.22);
            box-shadow: 0 24px 45px -35px rgba(20, 37, 79, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.82);
        }

        .sidebar-brand {
        }

        .sidebar-brand-logo {
            overflow: hidden;
        }

        .sidebar-brand-logo-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: scale(1.2);
            transform-origin: center;
        }

        .sidebar-mini-card {
            background: linear-gradient(155deg, rgba(74, 116, 223, 0.1) 0%, rgba(95, 142, 245, 0.08) 100%);
            border: 1px solid rgba(165, 189, 239, 0.28);
        }

        .nav-fa-icon {
            width: 18px;
            height: 18px;
            fill: currentColor;
            flex-shrink: 0;
        }

        .app-nav-btn {
            position: relative;
            overflow: hidden;
            border: 1px solid transparent;
            background: transparent;
            transition: background-color .18s ease, border-color .18s ease;
            justify-content: flex-start;
            text-align: left;
        }

        .app-nav-btn > * {
            position: relative;
            z-index: 1;
        }

        .app-nav-btn::before {
            content: none;
        }

        .app-nav-btn:hover {
            background: rgba(95, 142, 245, 0.06);
            border-color: rgba(95, 142, 245, 0.1);
        }

        .app-nav-btn.bg-heaven-600 {
            background: linear-gradient(160deg, rgba(95, 142, 245, 0.96) 0%, rgba(95, 142, 245, 0.88) 54%, rgba(125, 168, 255, 0.82) 100%);
            border-color: transparent;
            color: #ffffff;
        }

        .app-nav-btn.bg-white {
            background: transparent;
        }

        .nav-item-icon {
            display: grid;
            height: 24px;
            width: 24px;
            place-items: center;
            border-radius: 999px;
            background: rgba(233, 240, 254, 0.95);
            color: #415c90;
        }

        .app-nav-btn[aria-pressed="true"] .nav-item-icon {
            background: rgba(255, 255, 255, 0.28);
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 6px 14px -10px rgba(95, 142, 245, 0.64);
        }

        .app-nav-btn[aria-pressed="true"] {
            color: #ffffff;
        }

        .app-nav-btn .nav-fa-icon {
            width: 14px;
            height: 14px;
        }

        .app-mobile-nav-btn .nav-fa-icon {
            width: 17px;
            height: 17px;
        }

        .app-nav-btn[aria-pressed="true"] .nav-fa-icon,
        .app-mobile-nav-btn[aria-pressed="true"] .nav-fa-icon {
            filter: saturate(1.1);
        }

        @media (min-width: 1024px) {
            .sidebar-shell #appNav {
                gap: 0.68rem;
            }

            .sidebar-shell .app-nav-btn {
                min-height: 3.1rem;
                padding-block: 0.72rem;
            }
        }

        @media (min-width: 1024px) and (max-width: 1279.98px) {
            .sidebar-shell {
                top: 1rem !important;
                bottom: 1rem !important;
                left: 0.75rem !important;
                width: 14rem !important;
                padding: 0.75rem !important;
                border-radius: 1.6rem !important;
            }

            .sidebar-brand {
                padding: 0.6rem !important;
            }

            .app-nav-btn {
                gap: 0.6rem !important;
                min-height: 3rem !important;
                padding: 0.68rem 0.78rem !important;
                border-radius: 0.65rem !important;
                font-size: 0.82rem !important;
            }

            .sidebar-mini-card {
                padding: 0.6rem !important;
                border-radius: 0.85rem !important;
            }
        }

        @media (min-width: 768px) and (max-width: 1023.98px) {
            .app-bible-history-detail-view {
                gap: 1.05rem;
            }

            .app-bible-history-paragraph,
            .app-bible-history-paragraph-lead {
                max-width: 100%;
            }

            .app-bible-history-entry,
            .app-bible-history-takeaway,
            .app-bible-history-figure,
            .app-bible-history-empty,
            .app-bible-history-nav {
                max-width: 100%;
            }
        }

        @media (max-width: 767px) {
            #appPrayerCategoriesSection,
            #appPrayerTextsSection,
            #appBibleHistorySection,
            #appMeditationGuideSection,
            #appJerichoGuideSection {
                padding: 0.75rem;
            }

            .app-eveil-card-header {
                gap: 0.5rem;
                padding: 0.78rem 0.82rem;
            }

            .app-eveil-card-details {
                padding: 0.88rem 0.92rem 0.94rem;
            }

            .app-eveil-card-toggle {
                width: 1.92rem;
                height: 1.92rem;
            }

            .app-eveil-overview-card[data-card-mode="visual"] .daily-content::before {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.22) 30%, rgba(255, 255, 255, 0.08) 54%, rgba(255, 255, 255, 0.03) 100%);
            }

            .app-meditation-stage-visual img {
                max-height: none;
            }

            .app-meditation-head-row,
            .app-bible-history-hero-head {
                flex-wrap: wrap;
                align-items: flex-start;
            }

            .app-jericho-entry-content {
                padding: 0.9rem;
            }

            .app-jericho-entry-intro {
                margin-top: 0.7rem;
            }

            .app-jericho-entry-tip,
            .app-jericho-entry-progress {
                padding: 0.8rem 0.84rem;
            }

            .app-jericho-entry-progress-chip {
                padding: 0.34rem 0.58rem;
            }

            .app-bible-history-guide-card {
                gap: 0.64rem;
                padding: 0.78rem 0.82rem;
            }

            .app-bible-history-guide-head {
                flex-direction: column;
                gap: 0.52rem;
                align-items: flex-start;
            }

            .app-bible-history-guide-body {
                grid-template-columns: 1fr;
            }

            .app-bible-history-guide-title {
                font-size: 1rem;
            }

            .app-bible-history-guide-meta {
                font-size: 0.68rem;
                padding: 0.34rem 0.62rem;
            }

            .app-bible-history-guide-aside {
                gap: 0.4rem;
            }

            .app-bible-history-guide-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 0.42rem;
            }

            .app-bible-history-guide-item {
                padding: 0.62rem 0.68rem;
            }

            .app-bible-history-guide-featured-text {
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .app-bible-history-toolbar {
                gap: 0.6rem;
                padding: 0.76rem 0.8rem;
            }

            .app-bible-history-family-filters {
                flex-wrap: nowrap;
                overflow-x: auto;
                padding-bottom: 0.14rem;
                -ms-overflow-style: none;
                scrollbar-width: none;
            }

            .app-bible-history-family-filters::-webkit-scrollbar {
                display: none;
            }

            .app-bible-history-family-chip {
                flex: 0 0 auto;
            }

            .app-bible-history-family-chip {
                padding: 0.44rem 0.66rem;
                font-size: 0.74rem;
            }

            .app-bible-history-list-card {
                padding: 0;
            }

            .app-bible-history-list-thumb {
                margin: -1px -1px 0;
                border-top-left-radius: calc(1rem - 1px);
                border-top-right-radius: calc(1rem - 1px);
            }

            .app-bible-history-list-thumb img {
                width: 100%;
                border-top-left-radius: inherit;
                border-top-right-radius: inherit;
            }

            .app-bible-history-list-body {
                padding: 0.78rem 0.88rem 0.9rem;
            }

            .app-bible-history-list-name {
                font-size: 0.94rem;
            }

            .app-bible-history-list-summary,
            .app-bible-history-status,
            .app-bible-history-caption {
                font-size: 0.79rem;
            }

            .app-bible-history-hero-head {
                gap: 0.68rem;
                margin-bottom: 0.26rem;
            }

            .app-bible-history-detail-badge {
                padding: 0.34rem 0.62rem;
                font-size: 0.72rem;
            }

            .app-bible-history-top-layout {
                grid-template-columns: 1fr;
                gap: 0.62rem;
            }

            .app-bible-history-focus-image {
                height: 13.5rem;
            }

            .app-bible-history-focus-caption,
            .app-bible-history-caption {
                width: 100%;
                font-size: 0.79rem;
                padding-left: 0.78rem;
            }

            .app-bible-history-rail-card {
                padding: 0.82rem 0.86rem;
            }

            .app-bible-history-rail-chip {
                min-height: 1.72rem;
                padding: 0.28rem 0.54rem;
                font-size: 0.68rem;
            }

            .app-bible-history-rail-title,
            .app-bible-history-rail-text-strong {
                font-size: 0.9rem;
            }

            .app-bible-history-rail-next-title {
                font-size: 0.84rem;
            }

            .app-bible-history-rail-step {
                font-size: 0.68rem;
                padding: 0.32rem 0.5rem;
            }

            .app-bible-history-entry,
            .app-bible-history-takeaway {
                padding: 0.84rem 0.88rem;
            }

            .app-bible-history-entry-text {
                font-size: 0.89rem;
            }

            .app-bible-history-paragraph,
            .app-bible-history-paragraph-lead {
                font-size: 0.95rem;
                line-height: 1.72;
            }

            .app-bible-history-figure {
                gap: 0.46rem;
            }

            .app-bible-history-figure img {
                border-radius: 0.86rem;
            }

            .app-bible-history-nav {
                grid-template-columns: 1fr;
                gap: 0.6rem;
            }

            .app-bible-history-nav-lead-text {
                font-size: 0.82rem;
                line-height: 1.52;
            }

            .app-bible-history-nav-btn {
                gap: 0.68rem;
                min-height: auto;
                padding: 0.82rem 0.86rem;
                border-radius: 1rem;
                align-items: center;
            }

            .app-bible-history-nav-btn[data-direction="prev"] {
                background: rgba(239, 246, 255, 0.64);
            }

            .app-bible-history-nav-btn[data-direction="next"] {
                background: rgba(239, 246, 255, 0.88);
            }

            .app-bible-history-nav-icon {
                width: 1.92rem;
                height: 1.92rem;
            }

            .app-bible-history-nav-icon i {
                font-size: 0.92rem;
            }

            .app-bible-history-nav-btn[data-direction="next"] .app-bible-history-nav-icon {
                background: rgba(219, 234, 254, 0.96);
                color: var(--app-heaven-600);
            }

            .app-bible-history-nav-copy {
                gap: 0.18rem;
            }

            .app-bible-history-nav-label {
                font-size: 0.62rem;
                letter-spacing: 0.1em;
            }

            .app-bible-history-nav-title {
                font-size: 0.94rem;
                line-height: 1.32;
            }

            .app-bible-history-nav-summary {
                font-size: 0.78rem;
                line-height: 1.42;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .app-bible-history-nav-btn:disabled {
                box-shadow: none;
            }

            .app-bible-history-nav-btn:disabled .app-bible-history-nav-icon {
                background: rgba(241, 245, 249, 0.96);
            }

            .daily-card::before {
                background: linear-gradient(170deg, rgba(255, 255, 255, 0.48) 0%, rgba(255, 255, 255, 0.4) 74%, rgba(255, 255, 255, 0.3) 100%);
            }

            .eveil-daily-card .daily-content::before {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.64) 56%, rgba(255, 255, 255, 0.44) 78%, rgba(255, 255, 255, 0.16) 100%);
            }

            .home-daily-card .daily-content::before {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.64) 56%, rgba(255, 255, 255, 0.44) 78%, rgba(255, 255, 255, 0.16) 100%);
            }

            .daily-content {
                box-shadow: none;
            }

            .app-hero-mobile-hidden {
                display: none;
            }

            .app-hero-mobile-compact {
                min-height: 0 !important;
                padding: 1rem !important;
            }

            .app-hero-mobile-compact .hero-liquid-card {
                max-width: none;
            }
        }

        /* Keep every neutral gray border on the same token across the home app. */
        .app-jericho-guide-trail-step,
        .app-jericho-guide-trail-step.is-locked,
        .app-jericho-player,
        .app-bible-history-guide-item,
        .app-bible-history-family-chip,
        .app-bible-history-search,
        .app-bible-history-list-card,
        .app-bible-history-rail-chip-muted,
        .app-bible-history-rail-step,
        .app-bible-history-figure img,
        .app-prayer-search,
        .app-prayer-cat-btn,
        .app-prayer-focus-card,
        .app-meditation-immersive-shell,
        .app-meditation-back-btn,
        .app-meditation-focus-btn,
        .app-meditation-control,
        .app-meditation-step-btn,
        .app-meditation-immersive .app-meditation-step-btn,
        .app-meditation-intake-option {
            border-color: var(--app-border-gray);
        }

        .app-meditation-immersive-head {
            border-bottom-color: var(--app-border-gray);
        }

        /* Soften recurring utility borders and rings across the home app. */
        .border-slate-200 {
            border-color: var(--app-border-gray) !important;
        }

        .border-slate-300 {
            border-color: var(--app-border-gray) !important;
        }

        .border-slate-200\/80 {
            border-color: var(--app-border-gray) !important;
        }

        .border-heaven-100 {
            border-color: rgb(219 234 254 / 0.46) !important;
        }

        .border-heaven-200 {
            border-color: rgb(191 219 254 / 0.42) !important;
        }

        .border-blush-200 {
            border-color: rgb(251 207 232 / 0.42) !important;
        }

        .border-rose-200 {
            border-color: rgb(254 205 211 / 0.42) !important;
        }

        .border-rose-300 {
            border-color: rgb(253 164 175 / 0.38) !important;
        }

        .border-emerald-100 {
            border-color: rgb(209 250 229 / 0.46) !important;
        }

        .ring-slate-200 {
            --tw-ring-color: var(--app-ring-gray) !important;
        }

        .ring-heaven-100 {
            --tw-ring-color: rgb(219 234 254 / 0.38) !important;
        }

        @media (min-width: 768px) {
            .md\:border-slate-200 {
                --tw-border-opacity: 1 !important;
                border-color: var(--app-border-gray) !important;
            }
        }

        .ring-heaven-200 {
            --tw-ring-opacity: 0.52;
        }

        .ring-emerald-100 {
            --tw-ring-opacity: 0.54;
        }

        body.app-page.app-hide-reading-time [data-app-reading-time] {
            display: none !important;
        }

        body.app-page.app-font-small #appBibleVerses p,
        body.app-page.app-font-small #appHymnList p {
            font-size: 0.92rem;
            line-height: 1.62;
        }

        body.app-page.app-font-medium #appBibleVerses p,
        body.app-page.app-font-medium #appHymnList p {
            font-size: 1rem;
            line-height: 1.7;
        }

        body.app-page.app-font-large #appBibleVerses p,
        body.app-page.app-font-large #appHymnList p {
            font-size: 1.08rem;
            line-height: 1.76;
        }
        .bl-privacy-consent {
            position: fixed;
            z-index: 100000;
            right: 1rem;
            bottom: calc(1rem + env(safe-area-inset-bottom));
            left: 1rem;
            width: min(34rem, calc(100vw - 2rem));
            margin-left: auto;
            border: 1px solid rgba(191, 219, 254, 0.78);
            border-radius: 1.15rem;
            background: rgba(255, 255, 255, 0.98);
            box-shadow: 0 24px 60px -24px rgba(15, 23, 42, 0.42);
            padding: 1rem;
            color: rgb(30 41 59);
        }

        .bl-privacy-consent[hidden] {
            display: none !important;
        }

        .bl-privacy-consent-copy h2 {
            margin: 0;
            font-family: var(--font-title, inherit);
            font-size: 1rem;
            font-weight: 800;
            color: rgb(15 23 42);
        }

        .bl-privacy-consent-copy p {
            margin: 0.35rem 0 0;
            font-size: 0.82rem;
            line-height: 1.5;
            color: rgb(71 85 105);
        }

        .bl-privacy-consent-copy a {
            display: inline-flex;
            margin-top: 0.35rem;
            color: rgb(37 99 235);
            font-size: 0.78rem;
            font-weight: 700;
            text-decoration: underline;
            text-underline-offset: 2px;
        }

        .bl-privacy-consent-actions {
            display: flex;
            justify-content: flex-end;
            gap: 0.55rem;
            margin-top: 0.8rem;
        }

        .bl-privacy-consent-button {
            min-height: 2.5rem;
            border-radius: 0.75rem;
            padding: 0.55rem 1rem;
            font-size: 0.82rem;
            font-weight: 700;
            cursor: pointer;
        }

        .bl-privacy-consent-button.is-refuse,
        .bl-privacy-consent-button.is-accept {
            border: 1px solid rgb(96 134 232);
            background: rgb(239 246 255);
            color: rgb(30 64 175);
            box-shadow: none;
        }

        .bl-privacy-consent-button:focus-visible {
            outline: 3px solid rgba(96, 134, 232, 0.62);
            outline-offset: 2px;
        }

        @media (min-width: 640px) {
            .bl-privacy-consent {
                display: flex;
                align-items: flex-end;
                gap: 1rem;
            }

            .bl-privacy-consent-actions {
                flex-shrink: 0;
                margin-top: 0;
            }
        }
[data-plus-view]:not([data-plus-view="menu"]) {
            border: 0;
            border-radius: 1.5rem;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.74) 100%);
            box-shadow: 0 18px 28px -34px rgba(15, 23, 42, 0.16);
            padding: 1rem;
        }

        .app-plus-detail-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            gap: 0.72rem;
            border-bottom: 1px solid var(--app-border-gray);
            padding-bottom: 1rem;
        }

        .app-plus-detail-copy {
            min-width: 0;
            flex: 1 1 auto;
        }

        .app-plus-detail-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
            gap: 0.55rem;
        }

        .app-plus-kicker {
            margin: 0 0 0.2rem;
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: rgb(37 99 235 / 0.88);
        }

        .app-plus-list-btn {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            border: 1px solid var(--app-border-gray);
            border-radius: 1rem;
            background: rgba(255, 255, 255, 0.96);
            padding: 0.95rem 1.02rem;
            text-align: left;
            transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
        }

        .app-plus-list-btn:hover {
            background: rgba(248, 250, 252, 0.96);
            border-color: rgb(191 219 254 / 0.48);
        }

        .app-plus-list-btn-copy {
            display: flex;
            min-width: 0;
            flex-direction: column;
            gap: 0.28rem;
        }

        .app-plus-list-btn-title {
            display: inline-flex;
            min-width: 0;
            max-width: 100%;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.55rem;
            font-size: 0.98rem;
            font-weight: 700;
            color: var(--app-heaven-700);
        }

        #appPlusAccountMenuTitle {
            min-width: 0;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        .app-plus-list-btn-title i {
            display: inline-flex !important;
            width: var(--app-list-icon-slot) !important;
            min-width: var(--app-list-icon-slot) !important;
            align-items: center;
            justify-content: center;
            font-size: var(--app-list-icon-size) !important;
            line-height: 1 !important;
            color: var(--app-heaven-700);
        }

        .app-plus-list-btn-text {
            font-size: 0.875rem;
            line-height: 1.5;
            color: rgb(71 85 105 / 0.92);
        }

        .app-plus-list-btn-arrow {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 1.5rem;
            height: 1.5rem;
            color: rgb(148 163 184 / 0.96);
            font-size: 1.2rem;
            font-weight: 500;
            line-height: 1;
        }

        .app-plus-list-btn-arrow::before {
            content: none;
        }

        .app-plus-list-btn:hover .app-plus-list-btn-title {
            color: var(--app-heaven-600);
        }

        .app-plus-list-btn:hover .app-plus-list-btn-title i,
        .app-plus-list-btn:hover .app-plus-list-btn-arrow {
            color: var(--app-heaven-600);
        }

        .app-plus-list-btn:hover .app-plus-list-btn-arrow::before {
            transform: none;
        }

        .app-plus-back-btn,
        .app-plus-secondary-btn,
        .app-plus-primary-btn,
        .app-plus-choice-btn,
        .app-plus-link-btn,
        .app-plus-share-btn {
            border-radius: 0.95rem;
            font-size: 0.92rem;
            font-weight: 700;
            transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease;
        }

        .app-plus-secondary-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            border: 1px solid var(--app-border-gray);
            background: rgba(248, 250, 252, 0.9);
            color: rgb(51 65 85 / 0.94);
            padding: 0.72rem 1rem;
        }

        .app-plus-back-btn {
            display: inline-flex;
            width: 2.25rem;
            height: 2.25rem;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            padding: 0;
            border: 1px solid rgb(191 219 254 / 0.56);
            background: rgba(248, 250, 252, 0.88);
            color: var(--app-heaven-700);
        }

        .app-plus-back-btn svg {
            width: 1.08rem;
            height: 1.08rem;
            display: block;
        }

        .app-plus-back-btn:hover {
            background: rgba(239, 246, 255, 0.94);
            border-color: rgb(147 197 253 / 0.6);
            color: var(--app-heaven-600);
        }

        .app-plus-secondary-btn:hover,
        .app-plus-link-btn:hover {
            background: rgba(241, 245, 249, 0.96);
        }

        .app-plus-primary-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            border: 1px solid rgb(95 142 245 / 0.2);
            background:
                linear-gradient(160deg, rgba(95, 142, 245, 0.96) 0%, rgba(95, 142, 245, 0.88) 54%, rgba(125, 168, 255, 0.82) 100%),
                radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 42%, rgba(255, 255, 255, 0) 74%);
            color: #fff;
            padding: 0.78rem 1.05rem;
        }

        .app-plus-primary-btn:hover {
            border-color: rgb(74 116 223 / 0.24);
            background:
                linear-gradient(160deg, rgba(74, 116, 223, 0.97) 0%, rgba(74, 116, 223, 0.9) 54%, rgba(95, 142, 245, 0.84) 100%),
                radial-gradient(circle at 16% 12%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(255, 255, 255, 0) 74%);
        }

        .app-plus-primary-btn--slim,
        .app-plus-secondary-btn--slim {
            padding-inline: 1.1rem;
            padding-block: 0.7rem;
        }

        .app-plus-secondary-btn--danger {
            color: rgb(190 24 93 / 0.92);
        }

        .app-plus-input {
            width: 100%;
            border: 1px solid var(--app-border-gray);
            border-radius: 0.95rem;
            background: rgba(255, 255, 255, 0.96);
            color: rgb(30 41 59 / 0.96);
            padding: 0.78rem 0.95rem;
            font-size: 0.95rem;
            font-weight: 600;
        }

        #appPlusFontSizeSelect {
            width: auto;
            min-width: 10rem;
            flex-shrink: 0;
        }

        .app-plus-input:focus {
            outline: none;
            border-color: rgb(147 197 253 / 0.92);
            box-shadow: 0 0 0 3px rgb(219 234 254 / 0.62);
        }

        @media (min-width: 1280px) {
            #appPlusAuthLanding > .grid {
                min-height: clamp(33rem, calc(100vh - 18rem), 39rem);
                align-items: stretch;
            }

            #appPlusAuthLanding > .grid > .space-y-5 {
                display: flex;
                min-height: 100%;
                flex-direction: column;
            }

            #appPlusAuthLanding > .grid > .space-y-5 > :first-child {
                flex: 1 1 auto;
                justify-content: center;
            }

            #appPlusAuthLanding > .grid > aside {
                min-height: 100%;
            }
        }

        .app-plus-label {
            display: block;
            margin-bottom: 0.45rem;
            font-size: 0.82rem;
            font-weight: 600;
            color: rgb(71 85 105 / 0.92);
        }

        .app-plus-choice-segment {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.3rem;
            border: 1px solid var(--app-border-gray);
            border-radius: 1rem;
            background: rgba(248, 250, 252, 0.92);
            padding: 0.3rem;
        }

        .app-plus-choice-btn {
            border: 0;
            background: transparent;
            color: rgb(30 41 59 / 0.96);
            padding: 0.95rem 1rem;
        }

        .app-plus-theme-choice {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.35rem;
            padding: 0.35rem;
        }

        .app-plus-theme-btn {
            display: flex;
            min-height: 4.15rem;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0.34rem;
            border-radius: 0.85rem;
            text-align: center;
            line-height: 1.1;
        }

        .app-plus-theme-btn i {
            font-size: 1.15rem;
            color: rgb(100 116 139 / 0.96);
            transition: color 180ms ease, transform 180ms ease;
        }

        .app-plus-theme-btn-label {
            display: block;
            font-size: 0.77rem;
            font-weight: 800;
            letter-spacing: 0.01em;
        }

        .app-plus-choice-btn:hover,
        .app-plus-choice-btn.is-active {
            background: rgb(255 255 255 / 0.98);
            box-shadow: inset 0 0 0 1px rgb(191 219 254 / 0.68);
            color: rgb(29 78 216 / 0.94);
        }

        .app-plus-theme-btn:hover i,
        .app-plus-theme-btn.is-active i {
            color: rgb(29 78 216 / 0.94);
            transform: translateY(-1px);
        }

        .app-plus-install-focus {
            display: grid;
            gap: 1rem;
            border: 1px solid rgb(191 219 254 / 0.58);
            border-radius: 1.25rem;
            background: linear-gradient(180deg, rgba(239, 246, 255, 0.9) 0%, rgba(255, 255, 255, 0.98) 100%);
            padding: 1rem 1.05rem;
        }

        .app-plus-install-focus-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.75rem;
        }

        .app-plus-install-kicker,
        .app-plus-install-platform-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.42rem;
        }

        .app-plus-install-platform-pill i {
            font-size: 0.92rem;
        }

        .app-plus-install-focus-badge {
            display: inline-flex;
            align-items: center;
            border: 1px solid rgb(191 219 254 / 0.62);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            padding: 0.45rem 0.78rem;
            font-size: 0.76rem;
            font-weight: 700;
            line-height: 1;
            color: var(--app-heaven-700);
        }

        .app-plus-install-steps {
            margin: 0;
            padding-left: 0;
            display: grid;
            gap: 0.5rem;
            font-size: 0.92rem;
            line-height: 1.58;
            color: rgb(51 65 85 / 0.96);
            list-style: none;
        }

        .app-plus-install-card-steps {
            list-style: none;
            padding-left: 0;
        }

        .app-plus-install-step-item {
            list-style: none;
        }

        .app-plus-install-step {
            display: grid;
            grid-template-columns: 1.75rem minmax(0, 1fr);
            align-items: flex-start;
            gap: 0.72rem;
        }

        .app-plus-install-step-icon {
            display: inline-flex;
            width: 1.75rem;
            height: 1.75rem;
            align-items: center;
            justify-content: center;
            border: 1px solid rgb(191 219 254 / 0.52);
            border-radius: 999px;
            background: rgba(239, 246, 255, 0.86);
            color: var(--app-heaven-700);
            font-size: 0.9rem;
            line-height: 1;
        }

        .app-plus-install-card-steps .app-plus-install-step-icon {
            border-color: rgb(226 232 240 / 0.92);
            background: rgba(248, 250, 252, 0.96);
            color: rgb(71 85 105 / 0.92);
        }

        .app-plus-install-step-copy {
            display: block;
            min-width: 0;
        }

        .app-plus-install-card {
            transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
        }

        .app-plus-install-card-badge {
            display: none;
            align-items: center;
            border: 1px solid rgb(244 114 182 / 0.34);
            border-radius: 999px;
            background: rgba(252, 231, 243, 0.94);
            padding: 0.35rem 0.68rem;
            font-size: 0.72rem;
            font-weight: 700;
            line-height: 1;
            color: rgb(190 24 93 / 0.88);
        }

        .app-plus-install-card.is-recommended {
            border-color: rgb(244 114 182 / 0.34);
            background: linear-gradient(180deg, rgba(255, 247, 251, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
            box-shadow: 0 16px 24px -32px rgba(190, 24, 93, 0.18);
        }

        .app-plus-install-card.is-recommended .app-plus-install-step-icon {
            border-color: rgb(244 114 182 / 0.24);
            background: rgba(252, 231, 243, 0.88);
            color: rgb(190 24 93 / 0.88);
        }

        .app-plus-install-card.is-recommended .app-plus-install-card-badge {
            display: inline-flex;
        }

        .app-plus-offline-card {
            box-shadow: 0 18px 32px -32px rgba(14, 116, 144, 0.24);
        }

        .app-plus-offline-progress {
            overflow: hidden;
            border-radius: 999px;
            background: rgb(226 232 240 / 0.88);
        }

        .app-plus-offline-progress-bar {
            display: flex;
            min-height: 0.95rem;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: linear-gradient(90deg, rgba(8, 145, 178, 0.92) 0%, rgba(59, 130, 246, 0.92) 100%);
            color: #fff;
            font-size: 0.72rem;
            font-weight: 700;
            line-height: 1;
            transition: width 180ms ease;
            white-space: nowrap;
        }

        .app-plus-link-btn {
            width: 100%;
            border: 1px solid var(--app-border-gray);
            background: rgba(255, 255, 255, 0.96);
            color: rgb(30 41 59 / 0.96);
            padding: 0.85rem 0.95rem;
            text-align: left;
            line-height: 1.5;
        }

        .app-plus-share-btn {
            display: inline-flex;
            min-height: 3rem;
            align-items: center;
            justify-content: center;
            gap: 0.42rem;
            border: 1px solid transparent;
            color: #fff;
            padding: 0.78rem 0.9rem;
            transition: filter 180ms ease, transform 180ms ease;
        }

        .app-plus-share-btn--whatsapp {
            background: rgb(34 197 94 / 0.92);
        }

        .app-plus-share-btn--facebook {
            background: rgb(59 130 246 / 0.92);
        }

        .app-plus-share-btn--x {
            background: rgb(15 23 42 / 0.92);
        }

        .app-plus-share-btn--linkedin {
            background: rgb(2 132 199 / 0.92);
        }

        .app-plus-share-btn--telegram {
            background: rgb(14 116 144 / 0.92);
        }

        .app-plus-share-btn--email {
            background: rgb(124 58 237 / 0.92);
        }

        .app-plus-share-btn:hover {
            filter: brightness(0.96);
            transform: translateY(-1px);
        }

        .app-plus-stat-card {
            border-radius: 1.15rem;
            border: 1px solid var(--app-border-gray);
            background: rgba(248, 250, 252, 0.88);
            padding: 1rem;
        }

        .app-plus-stat-icon {
            display: inline-flex;
            height: 2.5rem;
            width: 2.5rem;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.86);
            font-size: 1.3rem;
        }

        .app-plus-stat-value {
            margin-top: 0.8rem;
            font-size: 1.55rem;
            font-weight: 800;
            line-height: 1.1;
            color: rgb(15 23 42 / 0.96);
        }

        .app-plus-stat-label {
            margin-top: 0.35rem;
            font-size: 0.92rem;
            color: rgb(71 85 105 / 0.92);
        }

        .app-plus-stat-card--heaven .app-plus-stat-icon,
        .app-plus-stat-card--heaven .app-plus-stat-value { color: rgb(37 99 235 / 0.9); }
        .app-plus-stat-card--emerald .app-plus-stat-icon,
        .app-plus-stat-card--emerald .app-plus-stat-value { color: rgb(5 150 105 / 0.9); }
        .app-plus-stat-card--amber .app-plus-stat-icon,
        .app-plus-stat-card--amber .app-plus-stat-value { color: rgb(202 138 4 / 0.92); }
        .app-plus-stat-card--blush .app-plus-stat-icon,
        .app-plus-stat-card--blush .app-plus-stat-value { color: rgb(219 39 119 / 0.88); }

        .app-plus-stat-card--heaven {
            border-color: rgb(191 219 254 / 0.56);
            background: rgb(239 246 255 / 0.78);
        }

        .app-plus-stat-card--emerald {
            border-color: rgb(167 243 208 / 0.56);
            background: rgb(236 253 245 / 0.8);
        }

        .app-plus-stat-card--amber {
            border-color: rgb(253 230 138 / 0.58);
            background: rgb(255 251 235 / 0.8);
        }

        .app-plus-stat-card--blush {
            border-color: rgb(251 207 232 / 0.58);
            background: rgb(253 242 248 / 0.8);
        }

        .app-plus-subject-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1.5px solid var(--app-border-gray);
            border-radius: 999px;
            background: transparent;
            padding: 0.55rem 1rem;
            font-size: 0.88rem;
            font-weight: 600;
            color: rgb(71 85 105 / 0.94);
            cursor: pointer;
            transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
        }

        .app-plus-subject-pill:hover {
            border-color: rgb(147 197 253 / 0.72);
            background: rgba(239, 246, 255, 0.6);
        }

        .app-plus-subject-pill.is-active {
            border-color: rgb(95 142 245 / 0.6);
            background: rgb(95 142 245 / 0.92);
            color: #fff;
        }

        .app-plus-star-btn {
            display: inline-flex;
            height: 2.65rem;
            width: 2.65rem;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--app-border-gray);
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.9);
            color: rgb(148 163 184 / 0.96);
            font-size: 1.2rem;
            transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
        }

        .app-plus-star-btn:hover,
        .app-plus-star-btn.is-active {
            border-color: rgb(252 211 77 / 0.6);
            background: rgb(254 249 195 / 0.82);
            color: rgb(217 119 6 / 0.92);
        }

        .app-plus-switch {
            --app-plus-switch-width: 3.35rem;
            --app-plus-switch-height: 2rem;
            --app-plus-switch-knob-size: 1.45rem;
            --app-plus-switch-offset: 0.18rem;
            position: relative;
            display: inline-flex;
            height: var(--app-plus-switch-height);
            width: var(--app-plus-switch-width);
            flex-shrink: 0;
            align-items: center;
        }

        .app-plus-switch input {
            position: absolute;
            inset: 0;
            opacity: 0;
            cursor: pointer;
        }

        .app-plus-switch span {
            position: relative;
            display: block;
            height: 100%;
            width: 100%;
            border: 1px solid var(--app-border-gray);
            border-radius: 999px;
            background: rgba(226, 232, 240, 0.72);
            transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
        }

        .app-plus-switch span::after {
            content: "";
            position: absolute;
            top: 50%;
            left: var(--app-plus-switch-offset);
            height: var(--app-plus-switch-knob-size);
            width: var(--app-plus-switch-knob-size);
            border-radius: 999px;
            background: #fff;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
            transform: translate3d(0, -50%, 0);
            transition: transform 180ms ease;
        }

        .app-plus-switch input:checked + span {
            border-color: rgb(52 211 153 / 0.5);
            background: rgb(16 185 129 / 0.86);
            box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.12);
        }

        .app-plus-switch input:checked + span::after {
            transform: translate3d(calc(var(--app-plus-switch-width) - var(--app-plus-switch-knob-size) - (var(--app-plus-switch-offset) * 2)), -50%, 0);
        }

        @media (max-width: 639px) {
            #appPlusFontSizeSelect {
                width: 100%;
                min-width: 0;
            }

            .app-plus-theme-btn {
                min-height: 3.7rem;
                padding-inline: 0.45rem;
            }

            .app-plus-theme-btn-label {
                font-size: 0.7rem;
            }
        }

        .app-plus-changelog-overview,
        .app-plus-changelog-card {
            border: 1px solid var(--app-border-gray);
            border-radius: 1.35rem;
            background: rgba(255, 255, 255, 0.96);
            padding: 1rem 1.05rem;
        }

        .app-plus-changelog-branch {
            display: grid;
            gap: 0.85rem;
        }

        .app-plus-changelog-branch-head {
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            justify-content: space-between;
            gap: 0.45rem;
            border: 1px solid var(--app-border-gray);
            border-radius: 1rem;
            background: rgba(248, 250, 252, 0.86);
            padding: 0.82rem 0.95rem;
        }

        .app-plus-changelog-branch-title {
            margin: 0;
            font-size: 0.98rem;
            font-weight: 800;
            color: rgb(15 23 42 / 0.94);
        }

        .app-plus-changelog-branch-meta {
            margin: 0;
            font-size: 0.81rem;
            line-height: 1.35;
            color: rgb(71 85 105 / 0.88);
        }

        .app-plus-changelog-overview {
            border-color: rgb(191 219 254 / 0.52);
            background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.96) 100%);
        }

        .app-plus-changelog-card.is-latest {
            border-color: rgb(191 219 254 / 0.56);
            background: linear-gradient(180deg, rgba(248, 251, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
        }

        .app-plus-changelog-overview-head,
        .app-plus-changelog-card-head {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            gap: 0.85rem;
        }

        .app-plus-changelog-overview-copy,
        .app-plus-changelog-card-copy {
            min-width: 0;
            flex: 1 1 320px;
        }

        .app-plus-changelog-metrics,
        .app-plus-changelog-card-meta,
        .app-plus-changelog-card-side {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.5rem;
        }

        .app-plus-changelog-metric,
        .app-plus-changelog-date,
        .app-plus-changelog-count,
        .app-plus-changelog-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.38rem;
            border: 1px solid var(--app-border-gray);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.9);
            padding: 0.4rem 0.72rem;
            font-size: 0.76rem;
            font-weight: 700;
            line-height: 1;
        }

        .app-plus-changelog-metric,
        .app-plus-changelog-date,
        .app-plus-changelog-count {
            color: rgb(71 85 105 / 0.94);
        }

        .app-plus-changelog-metric i {
            font-size: 0.92rem;
            color: var(--app-heaven-700);
        }

        .app-plus-changelog-badge {
            border-color: rgb(191 219 254 / 0.62);
            background: rgba(239, 246, 255, 0.92);
            color: var(--app-heaven-700);
        }

        .app-plus-changelog-card-subtitle {
            margin-top: 0.45rem;
            font-size: 0.9rem;
            line-height: 1.55;
            color: rgb(100 116 139 / 0.94);
        }

        .app-plus-changelog-features {
            margin: 1rem 0 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 0.7rem;
        }

        .app-plus-changelog-feature {
            display: flex;
            align-items: flex-start;
            gap: 0.7rem;
            border: 1px solid var(--app-border-gray);
            border-radius: 1rem;
            background: rgba(248, 250, 252, 0.86);
            padding: 0.78rem 0.85rem;
        }

        .app-plus-changelog-feature-icon {
            display: inline-flex;
            height: 1.9rem;
            width: 1.9rem;
            min-width: 1.9rem;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            border: 1px solid rgb(191 219 254 / 0.58);
            background: rgba(255, 255, 255, 0.94);
            color: var(--app-heaven-700);
            font-size: 1rem;
            line-height: 1;
        }

        .app-plus-changelog-card.is-latest .app-plus-changelog-feature-icon {
            background: rgba(239, 246, 255, 0.96);
        }

        .app-plus-changelog-feature-copy {
            display: block;
            min-width: 0;
            font-size: 0.93rem;
            line-height: 1.62;
            color: rgb(51 65 85 / 0.96);
        }
html.dark-mode {
            color-scheme: dark;
        }

        html.dark-mode body.app-page {
            background:
                radial-gradient(circle at 12% 0%, rgba(119, 142, 255, 0.12), transparent 26%),
                radial-gradient(circle at 88% 0%, rgba(255, 173, 214, 0.06), transparent 20%),
                radial-gradient(circle at 50% 100%, rgba(56, 189, 248, 0.04), transparent 22%),
                linear-gradient(180deg, #090d15 0%, #0d1320 42%, #101827 100%);
            color: #e6edf5;
            --app-border-gray: rgba(255, 255, 255, 0.06);
            --app-ring-gray: rgba(140, 159, 255, 0.2);
            --app-dark-surface: rgba(18, 23, 35, 0.74);
            --app-dark-surface-soft: rgba(16, 21, 31, 0.62);
            --app-dark-surface-strong: rgba(19, 24, 36, 0.88);
            --app-dark-surface-elevated: rgba(21, 28, 42, 0.94);
            --app-dark-hairline: rgba(255, 255, 255, 0.05);
            --app-dark-hairline-strong: rgba(255, 255, 255, 0.08);
            --app-dark-shadow: rgba(2, 6, 23, 0.72);
            --app-dark-glow: rgba(140, 159, 255, 0.1);
        }

        html.dark-mode body.app-page .app-page-ambient-orb {
            opacity: 0.34;
            filter: blur(110px);
        }

        html.dark-mode body.app-page .app-page-ambient-orb-left {
            background: rgba(129, 140, 248, 0.12) !important;
        }

        html.dark-mode body.app-page .app-page-ambient-orb-right {
            background: rgba(244, 114, 182, 0.08) !important;
        }

        html.dark-mode body.app-page .app-page-ambient-orb-bottom {
            display: none;
        }

        html.dark-mode body.app-page .text-slate-900 { color: #f5f7fb !important; }
        html.dark-mode body.app-page .text-slate-800 { color: #e6ebf3 !important; }
        html.dark-mode body.app-page .text-slate-700 { color: #d3dbe7 !important; }
        html.dark-mode body.app-page .text-slate-600 { color: #bac5d3 !important; }
        html.dark-mode body.app-page .text-slate-500 { color: #9facbc !important; }
        html.dark-mode body.app-page .text-heaven-500,
        html.dark-mode body.app-page .text-heaven-600,
        html.dark-mode body.app-page .text-heaven-700,
        html.dark-mode body.app-page .text-heaven-800,
        html.dark-mode body.app-page .text-heaven-900 {
            color: #8ea6ff !important;
        }

        html.dark-mode body.app-page .glass-card,
        html.dark-mode body.app-page .daily-card,
        html.dark-mode body.app-page .app-plus-surface,
        html.dark-mode body.app-page .app-plus-list-btn,
        html.dark-mode body.app-page .app-plus-link-btn,
        html.dark-mode body.app-page .app-plus-share-btn,
        html.dark-mode body.app-page .app-plus-install-focus,
        html.dark-mode body.app-page .app-plus-install-card,
        html.dark-mode body.app-page .app-plus-offline-card,
        html.dark-mode body.app-page .app-plus-stat-card,
        html.dark-mode body.app-page .app-nav-btn.bg-white,
        html.dark-mode body.app-page .app-mobile-nav-btn:not(.bg-heaven-600),
        html.dark-mode body.app-page .bg-white,
        html.dark-mode body.app-page .bg-slate-50 {
            background: linear-gradient(180deg, rgba(18, 23, 35, 0.82) 0%, rgba(21, 27, 41, 0.74) 100%) !important;
            color: #e6edf5 !important;
            backdrop-filter: blur(20px) saturate(120%);
        }

        html.dark-mode body.app-page .glass-card {
            background: var(--app-dark-surface) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow:
                0 16px 28px -34px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
            backdrop-filter: blur(18px) saturate(108%);
            -webkit-backdrop-filter: blur(18px) saturate(108%);
        }

        html.dark-mode body.app-page .bg-slate-200,
        html.dark-mode body.app-page .bg-slate-100,
        html.dark-mode body.app-page .bg-heaven-50,
        html.dark-mode body.app-page .bg-blush-50,
        html.dark-mode body.app-page .bg-amber-50,
        html.dark-mode body.app-page .bg-rose-50,
        html.dark-mode body.app-page .bg-rose-100 {
            background: rgba(15, 23, 42, 0.88) !important;
            color: #e2e8f0 !important;
        }

        html.dark-mode body.app-page .border-slate-200,
        html.dark-mode body.app-page .border-slate-300,
        html.dark-mode body.app-page .border-heaven-100,
        html.dark-mode body.app-page .border-heaven-200,
        html.dark-mode body.app-page .border-blush-200,
        html.dark-mode body.app-page .border-emerald-100,
        html.dark-mode body.app-page .border-rose-200,
        html.dark-mode body.app-page .border-rose-300 {
            border-color: rgba(148, 163, 184, 0.18) !important;
        }

        html.dark-mode body.app-page #appHeroSection {
            background-image:
                linear-gradient(180deg, rgba(9, 13, 22, 0.28) 0%, rgba(12, 17, 28, 0.42) 100%),
                url('/assets/images/bg-faith-hero.webp');
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            background-blend-mode: multiply;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 30px 48px -42px var(--app-dark-shadow);
        }

        html.dark-mode body.app-page #vanta-hero-app canvas {
            opacity: 0.56 !important;
            filter: saturate(0.9) contrast(1.04) brightness(0.78);
        }

        html.dark-mode body.app-page .hero-liquid-pill,
        html.dark-mode body.app-page .metric-chip {
            border-color: rgba(255, 255, 255, 0.07) !important;
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.08), transparent 54%),
                linear-gradient(140deg, rgba(22, 28, 41, 0.82) 0%, rgba(28, 36, 52, 0.68) 100%) !important;
            color: #d9e4ff !important;
            box-shadow:
                0 14px 24px -26px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
            backdrop-filter: blur(14px) saturate(125%);
        }

        html.dark-mode body.app-page .hero-liquid-card {
            border-color: rgba(255, 255, 255, 0.06) !important;
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.03), transparent 42%),
                linear-gradient(160deg, rgba(17, 23, 35, 0.9) 0%, rgba(21, 28, 42, 0.82) 55%, rgba(24, 32, 48, 0.8) 100%) !important;
            box-shadow:
                0 28px 44px -40px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.06),
                inset 0 0 0 1px rgba(10, 15, 27, 0.08) !important;
            color: #f5f7fb !important;
            backdrop-filter: blur(22px) saturate(120%);
        }

        html.dark-mode body.app-page .hero-liquid-card::before {
            background: linear-gradient(120deg, rgba(148, 163, 184, 0.08) 0%, rgba(148, 163, 184, 0.02) 36%, rgba(255, 255, 255, 0) 100%);
        }

        html.dark-mode body.app-page .daily-card::before {
            background: linear-gradient(170deg, rgba(10, 14, 24, 0.14) 0%, rgba(12, 18, 30, 0.26) 48%, rgba(8, 13, 24, 0.48) 100%);
        }

        html.dark-mode body.app-page .daily-card::after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(10, 16, 28, 0.08) 42%, rgba(4, 8, 18, 0.22) 100%);
        }

        html.dark-mode body.app-page .daily-card {
            border: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow:
                0 24px 36px -34px rgba(2, 6, 23, 0.72),
                inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        html.dark-mode body.app-page .daily-card .card-background,
        html.dark-mode body.app-page .home-daily-card .card-background,
        html.dark-mode body.app-page .eveil-daily-card .card-background {
            opacity: 0.92;
            filter: saturate(0.78) contrast(1.02) brightness(0.68);
        }

        html.dark-mode body.app-page .daily-content {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.02), transparent 46%),
                linear-gradient(180deg, rgba(10, 16, 28, 0.08) 0%, rgba(10, 16, 28, 0.2) 58%, rgba(4, 8, 18, 0.34) 100%);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.04),
                inset 0 -1px 0 rgba(2, 6, 23, 0.08),
                0 20px 32px -32px var(--app-dark-shadow) !important;
            backdrop-filter: blur(8px) saturate(118%);
        }

        html.dark-mode body.app-page .daily-content::before,
        html.dark-mode body.app-page .home-daily-card .daily-content::before,
        html.dark-mode body.app-page .eveil-daily-card .daily-content::before {
            background: linear-gradient(180deg, rgba(10, 16, 28, 0.14) 0%, rgba(10, 16, 28, 0.34) 32%, rgba(8, 13, 24, 0.58) 60%, rgba(3, 7, 16, 0.78) 100%) !important;
        }

        html.dark-mode body.app-page .daily-copy,
        html.dark-mode body.app-page .daily-copy-body,
        html.dark-mode body.app-page .daily-copy-meta,
        html.dark-mode body.app-page .home-daily-card .daily-copy,
        html.dark-mode body.app-page .home-daily-card .font-title,
        html.dark-mode body.app-page .eveil-daily-card .daily-copy,
        html.dark-mode body.app-page .app-eveil-card-details .daily-copy,
        html.dark-mode body.app-page .app-eveil-card-details .font-title,
        html.dark-mode body.app-page .app-eveil-card-details .eveil-card-section-title {
            color: #f8fafc !important;
            text-shadow: none !important;
        }

        html.dark-mode body.app-page .app-daily-share-btn,
        html.dark-mode body.app-page .app-daily-like-btn,
        html.dark-mode body.app-page #appSongAudioButton {
            border-color: rgba(148, 163, 184, 0.2) !important;
            background: rgba(15, 23, 42, 0.84) !important;
            color: #bfdbfe !important;
            box-shadow:
                0 14px 22px -22px rgba(2, 6, 23, 0.88),
                inset 0 1px 0 rgba(148, 163, 184, 0.1) !important;
        }

        html.dark-mode body.app-page .app-daily-like-btn {
            color: #fda4af !important;
        }

        html.dark-mode body.app-page .app-daily-like-btn[data-liked="true"] {
            background: rgba(136, 19, 55, 0.74) !important;
            color: #fecdd3 !important;
        }

        html.dark-mode body.app-page .app-daily-like-count {
            color: #cbd5e1 !important;
        }

        html.dark-mode body.app-page .app-daily-like-btn[data-liked="true"] .app-daily-like-count {
            color: #fecdd3 !important;
        }

        html.dark-mode body.app-page .app-eveil-overview-card::before {
            background: linear-gradient(165deg, rgba(8, 15, 30, 0.18) 0%, rgba(8, 15, 30, 0.1) 62%, rgba(2, 6, 23, 0.02) 100%);
        }

        html.dark-mode body.app-page .app-eveil-overview-card::after {
            background: linear-gradient(180deg, rgba(8, 15, 30, 0.04) 0%, rgba(8, 15, 30, 0.08) 42%, rgba(2, 6, 23, 0.18) 100%);
        }

        html.dark-mode body.app-page .app-eveil-overview-card .card-background {
            opacity: var(--app-dark-visual-card-image-opacity);
            filter: var(--app-dark-visual-card-image-filter);
        }

        html.dark-mode body.app-page .app-eveil-card-header {
            background: linear-gradient(155deg, rgba(19, 24, 36, 0.88) 0%, rgba(21, 28, 42, 0.72) 100%) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 16px 24px -32px rgba(2, 6, 23, 0.72) !important;
        }

        html.dark-mode body.app-page .app-eveil-card-badge,
        html.dark-mode body.app-page .app-prayer-cat-count,
        html.dark-mode body.app-page #appJerichoTip {
            border-color: rgba(255, 255, 255, 0.07) !important;
            background: rgba(21, 27, 40, 0.8) !important;
            color: #d8e2f7 !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page .app-eveil-card-toggle {
            border-color: rgba(148, 163, 184, 0.24) !important;
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.82) 100%) !important;
            color: #bfdbfe !important;
            box-shadow:
                inset 0 1px 0 rgba(148, 163, 184, 0.14),
                0 12px 18px -22px rgba(2, 6, 23, 0.88) !important;
        }

        html.dark-mode body.app-page .app-eveil-card-toggle::before {
            background: radial-gradient(circle at 32% 24%, rgba(148, 163, 184, 0.24) 0%, rgba(148, 163, 184, 0.04) 46%, rgba(255, 255, 255, 0) 76%);
        }

        html.dark-mode body.app-page .app-eveil-card-toggle::after {
            border-color: rgba(148, 163, 184, 0.14);
        }

        html.dark-mode body.app-page .app-eveil-card-toggle:hover,
        html.dark-mode body.app-page .app-eveil-card-toggle[aria-pressed="true"] {
            border-color: rgba(96, 165, 250, 0.32) !important;
            background: linear-gradient(180deg, rgba(20, 33, 61, 0.96) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
            color: #dbeafe !important;
        }

        html.dark-mode body.app-page .app-eveil-card-details {
            border-color: rgba(255, 255, 255, 0.07) !important;
            background: linear-gradient(180deg, rgba(18, 23, 35, 0.9) 0%, rgba(21, 28, 42, 0.86) 100%) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 18px 26px -34px rgba(2, 6, 23, 0.72) !important;
        }

        html.dark-mode body.app-page .app-eveil-overview-card[data-card-mode="visual"] .daily-content,
        html.dark-mode body.app-page .app-eveil-overview-card[data-card-mode="details"] .daily-content {
            background: var(--app-dark-visual-card-surface) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page .app-eveil-overview-card[data-card-mode="visual"] .daily-content::before,
        html.dark-mode body.app-page .app-eveil-overview-card[data-card-mode="details"] .daily-content::before {
            background: var(--app-dark-visual-card-overlay) !important;
        }

        html.dark-mode body.app-page .app-prayer-focus-card,
        html.dark-mode body.app-page .app-meditation-step-btn,
        html.dark-mode body.app-page .app-meditation-stage-visual {
            border-color: rgba(148, 163, 184, 0.22) !important;
            background: linear-gradient(165deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.82) 100%) !important;
            color: #e2e8f0 !important;
            box-shadow:
                inset 0 1px 0 rgba(148, 163, 184, 0.12),
                0 18px 28px -32px rgba(2, 6, 23, 0.92) !important;
        }

        html.dark-mode body.app-page .app-prayer-focus-kicker,
        html.dark-mode body.app-page .app-prayer-focus-text {
            color: #dbeafe !important;
        }

        html.dark-mode body.app-page .app-meditation-step-btn[data-active="true"] {
            border-color: rgba(96, 165, 250, 0.28) !important;
            background: linear-gradient(165deg, rgba(21, 41, 84, 0.96) 0%, rgba(20, 33, 61, 0.92) 100%) !important;
            color: #dbeafe !important;
        }

        html.dark-mode body.app-page .app-onboarding-card {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 44%),
                linear-gradient(180deg, rgba(17, 22, 34, 0.96) 0%, rgba(21, 28, 42, 0.9) 100%);
            border-color: rgba(255, 255, 255, 0.07);
            box-shadow:
                0 28px 48px -28px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(22px) saturate(120%);
        }

        html.dark-mode body.app-page .app-onboarding-arrow {
            background: rgba(10, 18, 34, 0.98);
            border-color: rgba(255, 255, 255, 0.09);
        }

        html.dark-mode body.app-page .app-onboarding-step {
            background: rgba(15, 23, 42, 0.92);
            border-color: rgba(96, 165, 250, 0.24);
            color: #93c5fd;
        }

        html.dark-mode body.app-page .app-onboarding-title {
            color: #f8fafc;
        }

        html.dark-mode body.app-page .app-onboarding-copy {
            color: #cbd5e1;
        }

        html.dark-mode body.app-page .app-onboarding-dot {
            background: rgba(71, 85, 105, 0.82);
        }

        html.dark-mode body.app-page .app-onboarding-actions {
            border-top-color: rgba(148, 163, 184, 0.16);
        }

        html.dark-mode body.app-page .app-onboarding-btn-skip {
            color: #94a3b8;
        }

        html.dark-mode body.app-page .app-onboarding-btn-secondary {
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.84) 0%, rgba(17, 24, 39, 0.76) 100%);
            border-color: rgba(255, 255, 255, 0.08);
            color: #e2e8f0;
        }

        html.dark-mode body.app-page .app-onboarding-btn-primary {
            background: linear-gradient(160deg, rgba(59, 130, 246, 0.92) 0%, rgba(37, 99, 235, 0.88) 100%);
            color: #f8fafc;
        }

        html.dark-mode body.app-page .bl-privacy-consent {
            border-color: rgba(148, 163, 184, 0.2);
            background: linear-gradient(180deg, rgba(17, 22, 34, 0.98) 0%, rgba(21, 28, 42, 0.96) 100%);
            box-shadow: 0 28px 58px -26px rgba(2, 6, 23, 0.86);
            color: #e2e8f0;
        }

        html.dark-mode body.app-page .bl-privacy-consent-copy h2 {
            color: #f8fafc;
        }

        html.dark-mode body.app-page .bl-privacy-consent-copy p {
            color: #cbd5e1;
        }

        html.dark-mode body.app-page .bl-privacy-consent-copy a {
            color: #93c5fd;
        }

        html.dark-mode body.app-page .bl-privacy-consent-button.is-refuse,
        html.dark-mode body.app-page .bl-privacy-consent-button.is-accept {
            border-color: rgba(147, 197, 253, 0.58);
            background: rgba(30, 41, 59, 0.9);
            color: #dbeafe;
        }

        html.dark-mode body.app-page .app-pwa-update-scrim {
            background: rgba(3, 8, 20, 0.56);
            backdrop-filter: blur(14px);
        }

        html.dark-mode body.app-page .app-pwa-update-card {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 44%),
                linear-gradient(180deg, rgba(17, 22, 34, 0.97) 0%, rgba(21, 28, 42, 0.92) 100%);
            border-color: rgba(255, 255, 255, 0.07);
            box-shadow:
                0 32px 56px -34px rgba(2, 6, 23, 0.78),
                inset 0 1px 0 rgba(255, 255, 255, 0.06);
            backdrop-filter: blur(24px) saturate(120%);
        }

        html.dark-mode body.app-page .app-pwa-update-title {
            color: #f8fafc;
        }

        html.dark-mode body.app-page .app-pwa-update-copy {
            color: #cbd5e1;
        }

        html.dark-mode body.app-page .app-pwa-update-version {
            background: rgba(96, 165, 250, 0.12);
            color: #bfdbfe;
            border: 1px solid rgba(255, 255, 255, 0.06);
        }

        html.dark-mode body.app-page .sidebar-shell {
            background:
                radial-gradient(circle at 14% 8%, rgba(142, 166, 255, 0.1), transparent 38%),
                linear-gradient(180deg, rgba(14, 19, 30, 0.94) 0%, rgba(18, 24, 37, 0.9) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                0 26px 44px -36px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
            backdrop-filter: blur(24px) saturate(120%);
        }

        html.dark-mode body.app-page .sidebar-brand-logo {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 42%),
                linear-gradient(180deg, rgba(22, 28, 42, 0.94) 0%, rgba(34, 43, 62, 0.88) 100%) !important;
            box-shadow:
                0 12px 22px -20px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        }

        html.dark-mode body.app-page .sidebar-mini-card {
            background: linear-gradient(155deg, rgba(22, 30, 45, 0.72) 0%, rgba(28, 37, 55, 0.76) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page .sidebar-shell .text-slate-400,
        html.dark-mode body.app-page .sidebar-shell .text-slate-500,
        html.dark-mode body.app-page .sidebar-shell .text-slate-600 {
            color: #94a3b8 !important;
        }

        html.dark-mode body.app-page .sidebar-shell .text-slate-800,
        html.dark-mode body.app-page .sidebar-shell .text-slate-900 {
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page .sidebar-shell .text-heaven-700,
        html.dark-mode body.app-page .sidebar-shell .text-heaven-600 {
            color: #93c5fd !important;
        }

        html.dark-mode body.app-page .nav-item-icon {
            background: rgba(30, 38, 55, 0.84) !important;
            color: #d6deeb !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        html.dark-mode body.app-page .sidebar-shell .app-nav-btn {
            border-color: rgba(255, 255, 255, 0.03) !important;
            background: rgba(18, 23, 35, 0.26) !important;
            color: #d4dbea !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page .sidebar-shell .app-nav-btn:hover {
            background: rgba(28, 36, 52, 0.54) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
        }

        html.dark-mode body.app-page .sidebar-shell .app-nav-btn[aria-pressed="true"] {
            background: linear-gradient(160deg, rgba(111, 138, 255, 0.88) 0%, rgba(90, 121, 236, 0.8) 100%) !important;
            border-color: rgba(173, 189, 255, 0.16) !important;
            color: #ffffff !important;
            box-shadow:
                0 14px 24px -20px rgba(38, 60, 143, 0.42),
                inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
        }

        html.dark-mode body.app-page .sidebar-shell .app-nav-btn[aria-pressed="true"] .nav-item-icon {
            background: rgba(255, 255, 255, 0.2) !important;
            color: #ffffff !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
        }

        html.dark-mode body.app-page #appPanelShell {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page #appEveilWorkspace.app-eveil-workspace-immersive {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="eveil"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="plus"],
        html.dark-mode body.app-page #appPlusRoot {
            border-radius: 1.6rem;
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.03), transparent 30%),
                linear-gradient(180deg, rgba(17, 22, 34, 0.34) 0%, rgba(18, 24, 37, 0.14) 100%);
        }

        html.dark-mode body.app-page #appPanelShell [class*="bg-gradient-to-b"][class*="to-white"],
        html.dark-mode body.app-page #appPanelShell [class*="bg-gradient-to-br"][class*="to-white"],
        html.dark-mode body.app-page #appPanelShell [class*="bg-gradient-to-r"][class*="to-white"] {
            background: linear-gradient(180deg, rgba(15, 23, 42, 0.96) 0%, rgba(15, 23, 42, 0.88) 100%) !important;
            border-color: rgba(148, 163, 184, 0.22) !important;
            color: #e2e8f0 !important;
        }

        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article,
        html.dark-mode body.app-page #appBibleBookSheet > div,
        html.dark-mode body.app-page #appHymnSheet > div {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.03), transparent 40%),
                linear-gradient(180deg, rgba(21, 27, 40, 0.88) 0%, rgba(24, 31, 45, 0.84) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                0 18px 28px -34px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
            backdrop-filter: blur(18px) saturate(118%);
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .daily-card {
            border-color: rgba(255, 255, 255, 0.045) !important;
            box-shadow:
                0 18px 30px -34px rgba(2, 6, 23, 0.66),
                inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] {
            border-radius: 1.6rem;
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.05), transparent 28%),
                linear-gradient(180deg, rgba(20, 26, 38, 0.82) 0%, rgba(16, 22, 33, 0.68) 100%) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .home-daily-card::before {
            background: var(--app-dark-visual-card-sheen) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .home-daily-card::after {
            background: var(--app-dark-visual-card-wash) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .home-daily-card .card-background {
            opacity: var(--app-dark-visual-card-image-opacity);
            filter: var(--app-dark-visual-card-image-filter);
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .home-daily-card .daily-content {
            background: var(--app-dark-visual-card-surface) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="home"] .home-daily-card .daily-content::before {
            background: var(--app-dark-visual-card-overlay) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] {
            border-radius: 1.6rem;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] > .grid > article,
        html.dark-mode body.app-page #appBibleBookSheet > div {
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.035), transparent 40%),
                linear-gradient(180deg, rgba(23, 29, 43, 0.9) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                0 18px 28px -34px rgba(2, 6, 23, 0.72),
                inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleMeta,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookSheetClose,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleChapterPrev,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleChapterNext,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookmarkDesktop,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookmarkMobile {
            background: linear-gradient(180deg, rgba(31, 43, 68, 0.92) 0%, rgba(25, 36, 58, 0.88) 100%) !important;
            border-color: rgba(142, 166, 255, 0.18) !important;
            color: #dbeafe !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 12px 18px -24px rgba(2, 6, 23, 0.72) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"] {
            border-radius: 1.6rem;
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.03), transparent 28%),
                linear-gradient(180deg, rgba(16, 21, 31, 0.4) 0%, rgba(18, 23, 35, 0.18) 100%);
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"] > .grid > article {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.03), transparent 42%),
                linear-gradient(180deg, rgba(20, 25, 37, 0.9) 0%, rgba(24, 31, 45, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
        }

        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article .bg-heaven-100,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article .bg-heaven-50,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside .bg-heaven-100,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside .bg-heaven-50 {
            background: rgba(20, 33, 61, 0.88) !important;
            color: #bfdbfe !important;
        }

        html.dark-mode body.app-page #appBibleBookSheet input,
        html.dark-mode body.app-page #appHymnSheet input {
            background: rgba(15, 23, 42, 0.88) !important;
            color: #e2e8f0 !important;
            border-color: rgba(148, 163, 184, 0.22) !important;
        }

        html.dark-mode body.app-page #appBibleVerses > div,
        html.dark-mode body.app-page #appHymnList > article,
        html.dark-mode body.app-page #appBibleBookList > button,
        html.dark-mode body.app-page #appHymnSheetList > button {
            background: rgba(36, 44, 60, 0.72) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            color: #e6edf5 !important;
        }

        html.dark-mode body.app-page #appBibleVerses > div {
            background:
                linear-gradient(180deg, rgba(29, 36, 52, 0.86) 0%, rgba(25, 32, 47, 0.82) 100%) !important;
            border-color: rgba(255, 255, 255, 0.05) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.035),
                0 12px 20px -26px rgba(2, 6, 23, 0.6) !important;
        }

        html.dark-mode body.app-page #appBibleBookList > button,
        html.dark-mode body.app-page #appHymnSheetList > button {
            background:
                linear-gradient(180deg, rgba(28, 34, 49, 0.86) 0%, rgba(24, 31, 45, 0.8) 100%) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
        }

        html.dark-mode body.app-page #appHymnList > article {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page #appHymnList > article .rounded-xl {
            background: linear-gradient(180deg, rgba(24, 30, 44, 0.9) 0%, rgba(29, 36, 52, 0.84) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.04),
                0 14px 24px -28px rgba(2, 6, 23, 0.64) !important;
        }

        html.dark-mode body.app-page #appHymnList > article h4 {
            color: #f5f7fb !important;
        }

        html.dark-mode body.app-page #appHymnList > article .text-slate-700 {
            color: #dce4f0 !important;
        }

        html.dark-mode body.app-page #appHymnList > article .text-heaven-700 {
            color: #8ea6ff !important;
        }

        html.dark-mode body.app-page #appBibleTitle,
        html.dark-mode body.app-page #appHymnSelectionSummaryMobile,
        html.dark-mode body.app-page #appHymnCurrentTitle,
        html.dark-mode body.app-page #appSidebarDate,
        html.dark-mode body.app-page #appSidebarPromise {
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page #appPrayerCategoriesSection .app-eveil-back-btn,
        html.dark-mode body.app-page #appPrayerTextsSection .app-eveil-back-btn,
        html.dark-mode body.app-page #appBibleHistorySection .app-eveil-back-btn,
        html.dark-mode body.app-page #appJerichoGuideSection .app-eveil-back-btn,
        html.dark-mode body.app-page .app-meditation-back-btn {
            border-color: rgba(96, 165, 250, 0.28) !important;
            background: rgba(15, 23, 42, 0.92) !important;
            color: #bfdbfe !important;
            box-shadow:
                inset 0 1px 0 rgba(148, 163, 184, 0.1),
                0 14px 22px -26px rgba(2, 6, 23, 0.88) !important;
        }

        html.dark-mode body.app-page #appPrayerCategoriesSection .app-prayer-search,
        html.dark-mode body.app-page #appPrayerTextsSection .rounded-2xl,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-featured,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-item,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-family-chip,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-search,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar-info-toggle,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-arrow,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-detail-badge,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-top-main,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-top-rail,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-nav-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-immersive-shell,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-immersive-head,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-focus-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-meta-chip,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-refresh-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-step-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-glass-card,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-breath-card,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-player,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-player-control,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoCompletionNotice {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.025), transparent 44%),
                linear-gradient(180deg, rgba(23, 29, 43, 0.92) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            color: #e6edf5 !important;
            box-shadow:
                0 16px 24px -32px rgba(2, 6, 23, 0.68),
                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-family-chip[data-active="true"],
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-focus-btn[aria-pressed="true"],
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-step-btn[data-active="true"],
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option[data-selected="true"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step.is-current,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step.is-available {
            background: linear-gradient(180deg, rgba(39, 51, 82, 0.96) 0%, rgba(28, 38, 61, 0.92) 100%) !important;
            border-color: rgba(142, 166, 255, 0.16) !important;
            color: #e3ebff !important;
            box-shadow:
                0 10px 16px -22px rgba(57, 77, 155, 0.24),
                inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step.is-completed {
            border-color: rgba(52, 211, 153, 0.28) !important;
            background: linear-gradient(180deg, rgba(5, 150, 105, 0.92) 0%, rgba(6, 95, 70, 0.92) 100%) !important;
            color: #ecfdf5 !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step.is-locked,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validate-btn[data-state="locked"] {
            background: rgba(15, 23, 42, 0.88) !important;
            border-color: rgba(148, 163, 184, 0.12) !important;
            color: #94a3b8 !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation[data-state="validated-today"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation[data-state="completed"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation[data-state="finished"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validate-btn[data-state="validated-today"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validate-btn[data-state="completed"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validate-btn[data-state="finished"] {
            border-color: rgba(52, 211, 153, 0.22) !important;
            background: linear-gradient(180deg, rgba(6, 78, 59, 0.9) 0%, rgba(15, 23, 42, 0.94) 100%) !important;
            color: #d1fae5 !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation[data-state="clock"],
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validate-btn[data-state="clock"] {
            border-color: rgba(251, 191, 36, 0.22) !important;
            background: linear-gradient(180deg, rgba(120, 53, 15, 0.7) 0%, rgba(15, 23, 42, 0.94) 100%) !important;
            color: #fde68a !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-featured-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-item-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-name,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-detail-copy h4,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-main-title,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-stage-status,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-text-rich,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-text-verse,
        html.dark-mode body.app-page #appMeditationGuideSection #appMeditationGuideChecklist li,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideTitle,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideIntention,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideVerse,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideDiscernment,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideResponse,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuidePrayerShort,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuidePrayerDeep,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideAction,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideRefrain,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideTakeaway,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoCompletionNoticeTitle,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoCompletionNoticeBody {
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-text,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-featured-text,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-status,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-summary,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-summary,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-stage-support,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-lock-hint,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-subtle-note,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control span,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-rail-label,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideVersionMeta,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideReading,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideVerseContext,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideExam,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideFruit,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideAmbianceMeta,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoValidationStatus,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoVersionSelectorHint,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideContinuity,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoGuideAsideFruit {
            color: #a9b4c4 !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-kicker {
            color: #93c5fd !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-title,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-question-title {
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-counter,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-summary {
            color: #dbe5f2 !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-summary {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option {
            color: #dde6f5 !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                0 14px 22px -28px rgba(2, 6, 23, 0.74),
                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option-icon {
            color: #bfd0e6 !important;
            opacity: 0.92;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-start-btn:disabled {
            opacity: 0.9;
            border-color: rgba(142, 166, 255, 0.16) !important;
            background: linear-gradient(180deg, rgba(43, 57, 90, 0.94) 0%, rgba(28, 38, 61, 0.96) 100%) !important;
            color: #dbe5f2 !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 12px 22px -24px rgba(2, 6, 23, 0.82) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-search input,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-search input::placeholder,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control select,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control select option {
            color: #e2e8f0 !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control select {
            background: transparent !important;
        }

        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-card-icon,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option-icon,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-slate-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-heaven-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-pink-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-amber-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-emerald-100 {
            background: rgba(30, 41, 59, 0.94) !important;
            color: #bfdbfe !important;
            box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-arrow,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar-info-toggle,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoPrevDay,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoNextDay {
            background: rgba(20, 33, 61, 0.92) !important;
            border-color: rgba(96, 165, 250, 0.28) !important;
            color: #bfdbfe !important;
        }

        html.dark-mode body.app-page footer {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.03), transparent 44%),
                linear-gradient(180deg, rgba(17, 22, 34, 0.88) 0%, rgba(21, 28, 42, 0.84) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            color: #a6b2c3 !important;
            box-shadow:
                0 22px 34px -36px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
            backdrop-filter: blur(16px) saturate(118%);
        }

        html.dark-mode body.app-page footer a {
            color: #93c5fd !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card,
        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card[class*="bg-gradient-to-b"][class*="to-white"] {
            background:
                radial-gradient(circle at 50% 0%, rgba(142, 166, 255, 0.07), rgba(255, 255, 255, 0) 58%),
                linear-gradient(180deg, rgba(23, 29, 43, 0.9) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.045),
                0 14px 22px -30px rgba(2, 6, 23, 0.66) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card > .flex.h-20.w-20 {
            background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(20, 33, 61, 0.92) 100%) !important;
            color: #bfdbfe !important;
            border: 1px solid rgba(148, 163, 184, 0.14);
            box-shadow:
                inset 0 1px 0 rgba(191, 219, 254, 0.08),
                0 16px 28px -26px rgba(2, 6, 23, 0.88) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card h5,
        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card .font-title {
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card p,
        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card .text-slate-500,
        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card .text-slate-600,
        html.dark-mode body.app-page #appPanelShell .app-plus-focus-card .text-slate-700 {
            color: #cbd5e1 !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card {
            border-color: rgba(255, 255, 255, 0.07) !important;
            background: linear-gradient(180deg, rgba(23, 29, 43, 0.9) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            color: #e6edf5 !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.045),
                0 14px 22px -28px rgba(2, 6, 23, 0.66) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card--heaven {
            background:
                linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(20, 33, 61, 0.88) 100%),
                radial-gradient(circle at 12% 10%, rgba(96, 165, 250, 0.12), rgba(255, 255, 255, 0) 52%) !important;
            border-color: rgba(96, 165, 250, 0.24) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card--emerald {
            background:
                linear-gradient(180deg, rgba(15, 23, 42, 0.94) 0%, rgba(19, 48, 45, 0.88) 100%),
                radial-gradient(circle at 12% 10%, rgba(16, 185, 129, 0.12), rgba(255, 255, 255, 0) 52%) !important;
            border-color: rgba(52, 211, 153, 0.2) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card .text-slate-700,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card .text-slate-600,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card .text-slate-500 {
            color: #cbd5e1 !important;
        }

        html.dark-mode body.app-page [data-plus-view]:not([data-plus-view="menu"]) {
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.025), transparent 32%),
                linear-gradient(180deg, rgba(16, 21, 31, 0.56) 0%, rgba(18, 24, 37, 0.34) 100%) !important;
            border: 1px solid rgba(255, 255, 255, 0.045) !important;
            box-shadow:
                0 18px 28px -34px rgba(2, 6, 23, 0.6),
                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-detail-head {
            border-bottom-color: rgba(148, 163, 184, 0.16) !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-detail-head .bg-slate-200 {
            background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(20, 33, 61, 0.92) 100%) !important;
            color: #dbeafe !important;
            border: 1px solid rgba(148, 163, 184, 0.2);
            box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.08);
        }

        html.dark-mode body.app-page .app-plus-settings-hero {
            background: linear-gradient(180deg, rgba(17, 22, 34, 0.92) 0%, rgba(21, 28, 42, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.05),
                0 16px 24px -32px rgba(2, 6, 23, 0.76) !important;
        }

        html.dark-mode body.app-page .app-plus-settings-hero .bg-slate-200 {
            background: linear-gradient(180deg, rgba(30, 41, 59, 0.96) 0%, rgba(20, 33, 61, 0.92) 100%) !important;
            color: #cbd5e1 !important;
        }

        html.dark-mode body.app-page .app-plus-input,
        html.dark-mode body.app-page .app-plus-choice-segment,
        html.dark-mode body.app-page .app-plus-choice-btn,
        html.dark-mode body.app-page .app-plus-secondary-btn,
        html.dark-mode body.app-page .app-plus-switch span {
            background: rgba(23, 29, 43, 0.92) !important;
            color: #e6edf5 !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
        }

        html.dark-mode body.app-page .app-plus-switch input:checked + span {
            background: rgb(16 185 129 / 0.78) !important;
            border-color: rgba(52, 211, 153, 0.38) !important;
        }

        html.dark-mode body.app-page .app-plus-back-btn {
            background: rgba(15, 23, 42, 0.92) !important;
            color: var(--app-heaven-500) !important;
            border-color: rgba(96, 165, 250, 0.3) !important;
        }

        html.dark-mode body.app-page .app-plus-input::placeholder {
            color: rgba(148, 163, 184, 0.9);
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-input:focus {
            border-color: rgba(96, 165, 250, 0.62) !important;
            box-shadow:
                0 0 0 3px rgba(30, 64, 175, 0.24),
                0 14px 28px -24px rgba(2, 6, 23, 0.72) !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-choice {
            background:
                linear-gradient(180deg, rgba(10, 18, 34, 0.98) 0%, rgba(15, 23, 42, 0.94) 100%),
                radial-gradient(circle at 18% 14%, rgba(96, 165, 250, 0.08), transparent 42%) !important;
            box-shadow:
                inset 0 1px 0 rgba(148, 163, 184, 0.1),
                0 16px 28px -28px rgba(2, 6, 23, 0.86) !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-btn {
            border: 1px solid transparent;
            background: linear-gradient(180deg, rgba(21, 27, 40, 0.88) 0%, rgba(26, 33, 48, 0.84) 100%) !important;
            color: #d8e0ec !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-btn i {
            color: #a3b0c0 !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-choice-btn:hover,
        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-choice-btn.is-active,
        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-choice-btn[aria-pressed="true"] {
            border-color: rgba(142, 166, 255, 0.2) !important;
            background:
                linear-gradient(180deg, rgba(39, 51, 82, 0.96) 0%, rgba(28, 38, 61, 0.92) 100%),
                radial-gradient(circle at 50% 0%, rgba(191, 219, 254, 0.1), rgba(255, 255, 255, 0) 60%) !important;
            color: #e3ebff !important;
            box-shadow:
                0 16px 22px -24px rgba(2, 6, 23, 0.78),
                inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-btn:hover i,
        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-btn.is-active i,
        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-theme-btn[aria-pressed="true"] i {
            color: #bfdbfe !important;
            transform: translateY(-1px);
        }

        html.dark-mode body.app-page .app-mobile-nav {
            background: transparent;
            border-top-color: transparent;
            box-shadow: none;
            backdrop-filter: none;
        }

        html.dark-mode body.app-page .app-mobile-nav.is-floating {
            background: transparent;
            border-top-color: transparent;
            box-shadow: none;
        }

        html.dark-mode body.app-page .app-mobile-nav .app-mobile-nav-btn {
            background: transparent !important;
            color: inherit !important;
        }

        html.dark-mode body.app-page .app-mobile-nav.is-floating .app-mobile-nav-shell {
            background:
                radial-gradient(circle at top left, rgba(255, 255, 255, 0.04), transparent 44%),
                linear-gradient(180deg, rgba(18, 23, 35, 0.94) 0%, rgba(21, 28, 42, 0.9) 100%);
            border-color: rgba(255, 255, 255, 0.06);
            box-shadow:
                0 22px 40px -26px rgba(2, 6, 23, 0.74),
                inset 0 1px 0 rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(20px) saturate(120%);
        }

        html.dark-mode body.app-page .app-mobile-nav.is-floating .app-mobile-nav-btn[aria-pressed="true"] {
            background:
                radial-gradient(circle at top left, rgba(96, 165, 250, 0.12), transparent 46%),
                linear-gradient(180deg, rgba(24, 36, 58, 0.94) 0%, rgba(18, 29, 46, 0.9) 100%);
            box-shadow:
                0 10px 22px -18px rgba(2, 6, 23, 0.82),
                inset 0 1px 0 rgba(255, 255, 255, 0.08);
        }

        html.dark-mode body.app-page .app-plus-changelog-overview,
        html.dark-mode body.app-page .app-plus-changelog-card,
        html.dark-mode body.app-page .app-plus-changelog-branch-head,
        html.dark-mode body.app-page .app-plus-changelog-feature,
        html.dark-mode body.app-page .app-plus-changelog-metric,
        html.dark-mode body.app-page .app-plus-changelog-date,
        html.dark-mode body.app-page .app-plus-changelog-count,
        html.dark-mode body.app-page .app-plus-changelog-badge {
            background: rgba(21, 28, 42, 0.88) !important;
            color: #e6edf5 !important;
            border-color: rgba(255, 255, 255, 0.07) !important;
        }

        html.dark-mode body.app-page .app-plus-changelog-feature-icon {
            background: rgba(30, 41, 59, 0.96) !important;
            color: var(--app-heaven-500) !important;
        }

        html.dark-mode body.app-page .app-plus-install-focus-badge,
        html.dark-mode body.app-page .app-plus-install-card-badge {
            background: rgba(15, 23, 42, 0.92) !important;
            color: var(--app-heaven-500) !important;
            border-color: rgba(96, 165, 250, 0.3) !important;
        }

        html.dark-mode body.app-page .app-plus-install-step-icon {
            background: rgba(30, 41, 59, 0.96) !important;
            color: #cbd5e1 !important;
            border-color: rgba(148, 163, 184, 0.28) !important;
        }

        html.dark-mode body.app-page .app-plus-install-card.is-recommended {
            background: linear-gradient(180deg, rgba(76, 5, 25, 0.36) 0%, rgba(15, 23, 42, 0.86) 100%) !important;
            border-color: rgba(244, 114, 182, 0.32) !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page .app-plus-install-card.is-recommended .app-plus-install-card-badge,
        html.dark-mode body.app-page .app-plus-install-card.is-recommended .app-plus-install-step-icon {
            background: rgba(76, 5, 25, 0.55) !important;
            color: #f9a8d4 !important;
            border-color: rgba(244, 114, 182, 0.35) !important;
        }

        html.dark-mode body.app-page .app-plus-offline-progress {
            background: rgba(30, 41, 59, 0.96) !important;
        }

        html.dark-mode body.app-page .app-plus-offline-progress-bar {
            background: linear-gradient(90deg, rgba(14, 116, 144, 0.9) 0%, rgba(37, 99, 235, 0.9) 100%) !important;
            color: #f8fafc !important;
        }

        html.dark-mode body.app-page .app-plus-changelog-card-subtitle,
        html.dark-mode body.app-page .app-plus-changelog-branch-title,
        html.dark-mode body.app-page .app-plus-changelog-branch-meta,
        html.dark-mode body.app-page .app-plus-changelog-feature-copy {
            color: #cbd5e1 !important;
        }

        html.dark-mode body.app-page .app-plus-list-btn-title,
        html.dark-mode body.app-page .app-plus-list-btn-title i,
        html.dark-mode body.app-page .app-plus-list-btn-arrow {
            color: #99adff !important;
        }

        html.dark-mode body.app-page .app-plus-list-btn {
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.045), transparent 38%),
                linear-gradient(180deg, rgba(23, 29, 43, 0.9) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                0 12px 20px -28px rgba(2, 6, 23, 0.62),
                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page #appPlusRoot aside,
        html.dark-mode body.app-page #appPlusRoot .rounded-xl.border.border-slate-200.bg-white,
        html.dark-mode body.app-page #appPlusRoot .rounded-xl.border.border-slate-200.bg-slate-50 {
            background:
                linear-gradient(180deg, rgba(23, 29, 43, 0.9) 0%, rgba(26, 33, 48, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.06) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.04),
                0 12px 20px -28px rgba(2, 6, 23, 0.6) !important;
        }

        html.dark-mode body.app-page .app-plus-list-btn-text,
        html.dark-mode body.app-page .app-plus-list-btn .text-slate-500,
        html.dark-mode body.app-page .app-plus-list-btn .text-slate-600,
        html.dark-mode body.app-page .app-plus-list-btn .text-slate-700 {
            color: #cdd9e7 !important;
        }

        html.dark-mode body.app-page .app-plus-list-btn:hover .app-plus-list-btn-arrow,
        html.dark-mode body.app-page .app-plus-list-btn:hover .app-plus-list-btn-text,
        html.dark-mode body.app-page .app-plus-list-btn:hover .app-plus-list-btn-title {
            color: #eef4ff !important;
        }

        html.dark-mode body.app-page #appPlusRoot aside .text-slate-500,
        html.dark-mode body.app-page #appPlusRoot aside .text-slate-600 {
            color: #b7c6d8 !important;
        }

        html.dark-mode body.app-page #appPlusRoot aside .text-slate-700,
        html.dark-mode body.app-page #appPlusRoot aside .text-slate-800,
        html.dark-mode body.app-page #appPlusRoot aside .text-slate-900 {
            color: #eef4ff !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .text-slate-500,
        html.dark-mode body.app-page [data-plus-view="settings"] .text-slate-600 {
            color: #c5d2e2 !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .text-slate-800,
        html.dark-mode body.app-page [data-plus-view="settings"] .text-slate-900 {
            color: #f5f9ff !important;
        }

        html.dark-mode body.app-page [data-plus-view="settings"] .text-slate-400 {
            color: #9db0c7 !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version] {
            background: linear-gradient(180deg, rgba(24, 30, 44, 0.9) 0%, rgba(27, 34, 49, 0.86) 100%) !important;
            border-color: rgba(255, 255, 255, 0.05) !important;
            color: #dde6f5 !important;
            box-shadow:
                0 12px 20px -30px rgba(2, 6, 23, 0.64),
                inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version] .text-slate-400,
        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version] .text-slate-500,
        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version] .text-slate-600 {
            color: #94a3b8 !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version][data-jericho-version-state="selected"] {
            background: linear-gradient(180deg, rgba(36, 48, 78, 0.96) 0%, rgba(28, 38, 61, 0.92) 100%) !important;
            border-color: rgba(142, 166, 255, 0.16) !important;
            box-shadow:
                0 16px 22px -28px rgba(30, 64, 175, 0.14),
                inset 0 1px 0 rgba(255, 255, 255, 0.07) !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version][data-jericho-version-state="selected"] .text-heaven-700,
        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version][data-jericho-version-state="selected"] .text-heaven-900 {
            color: #bfdbfe !important;
        }

        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version][data-jericho-version-state="locked"] {
            border-color: rgba(148, 163, 184, 0.08) !important;
            color: #94a3b8 !important;
            opacity: 0.78;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page .app-prayer-cat-title-icon,
        html.dark-mode body.app-page .app-prayer-cat-arrow {
            color: var(--app-heaven-500) !important;
        }

        html.dark-mode body.app-page .app-prayer-cat-count {
            background: rgb(15 23 42 / 0.92) !important;
            border-color: rgba(148, 163, 184, 0.28) !important;
        }

        html.dark-mode body.app-page .app-prayer-cat-count {
            color: #cbd5e1 !important;
        }

        /* Unified dark palette: one background, one main surface, one nested surface, one border. */
        html.dark-mode body.app-page {
            background: linear-gradient(180deg, #0b1017 0%, #0f141c 100%) !important;
            --app-dark-bg: #0f141c;
            --app-dark-surface: rgba(22, 28, 38, 0.92);
            --app-dark-surface-alt: rgba(29, 36, 48, 0.94);
            --app-dark-border: rgba(148, 163, 184, 0.14);
            --app-dark-border-strong: rgba(148, 163, 184, 0.2);
            --app-dark-text: #eff4fb;
            --app-dark-text-muted: #b7c2d2;
            --app-dark-text-soft: #909caf;
            --app-dark-accent: #8ea6ff;
            --app-dark-shadow: rgba(2, 6, 23, 0.56);
            --app-dark-visual-card-image-opacity: 0.94;
            --app-dark-visual-card-image-filter: saturate(0.9) contrast(1.02) brightness(0.86);
            --app-dark-visual-card-sheen: linear-gradient(170deg, rgba(10, 14, 24, 0.06) 0%, rgba(12, 18, 30, 0.14) 54%, rgba(8, 13, 24, 0.24) 100%);
            --app-dark-visual-card-wash: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(8, 15, 30, 0.04) 42%, rgba(2, 6, 23, 0.14) 100%);
            --app-dark-visual-card-surface: linear-gradient(180deg, rgba(8, 15, 30, 0.05) 0%, rgba(8, 15, 30, 0.1) 48%, rgba(2, 6, 23, 0.18) 100%);
            --app-dark-visual-card-overlay: linear-gradient(180deg, rgba(8, 15, 30, 0.05) 0%, rgba(8, 15, 30, 0.14) 24%, rgba(8, 15, 30, 0.28) 44%, rgba(2, 6, 23, 0.42) 100%);
            color: var(--app-dark-text);
        }

        html.dark-mode body.app-page .app-page-ambient-orb {
            display: none !important;
        }

        html.dark-mode body.app-page .text-slate-900,
        html.dark-mode body.app-page .text-slate-800 {
            color: var(--app-dark-text) !important;
        }

        html.dark-mode body.app-page .text-slate-700,
        html.dark-mode body.app-page .text-slate-600,
        html.dark-mode body.app-page .text-slate-500 {
            color: var(--app-dark-text-muted) !important;
        }

        html.dark-mode body.app-page .text-slate-400 {
            color: var(--app-dark-text-soft) !important;
        }

        html.dark-mode body.app-page .text-heaven-500,
        html.dark-mode body.app-page .text-heaven-600,
        html.dark-mode body.app-page .text-heaven-700,
        html.dark-mode body.app-page .text-heaven-800,
        html.dark-mode body.app-page .text-heaven-900 {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="eveil"],
        html.dark-mode body.app-page #appPanelShell [data-panel-content="plus"] {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
        }

        html.dark-mode body.app-page .sidebar-shell,
        html.dark-mode body.app-page footer,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article,
        html.dark-mode body.app-page #appBibleBookSheet > div,
        html.dark-mode body.app-page #appHymnSheet > div,
        html.dark-mode body.app-page [data-plus-view]:not([data-plus-view="menu"]),
        html.dark-mode body.app-page #appPlusRoot aside,
        html.dark-mode body.app-page #appPlusRoot .rounded-xl.border.border-slate-200.bg-white,
        html.dark-mode body.app-page #appPlusRoot .rounded-xl.border.border-slate-200.bg-slate-50,
        html.dark-mode body.app-page .app-plus-list-btn,
        html.dark-mode body.app-page .app-plus-focus-card,
        html.dark-mode body.app-page .app-plus-notice-card,
        html.dark-mode body.app-page .app-plus-settings-hero,
        html.dark-mode body.app-page #appPrayerCategoriesSection .app-prayer-search,
        html.dark-mode body.app-page #appPrayerTextsSection .rounded-2xl,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-featured,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-item,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-family-chip,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-search,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar-info-toggle,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-arrow,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-detail-badge,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-top-main,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-top-rail,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-nav-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-immersive-shell,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-immersive-head,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-focus-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-meta-chip,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-control,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-refresh-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-step-btn,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-glass-card,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-breath-card,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-validation,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-guide-trail-step,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-player,
        html.dark-mode body.app-page #appJerichoGuideSection .app-jericho-player-control,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoCompletionNotice,
        html.dark-mode body.app-page #appJerichoGuideSection [data-app-jericho-version] {
            background: var(--app-dark-surface) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow:
                0 16px 28px -34px var(--app-dark-shadow),
                inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
            backdrop-filter: blur(18px) saturate(108%);
        }

        html.dark-mode body.app-page #appBibleVerses > div,
        html.dark-mode body.app-page #appBibleSearchDesktopResults > button,
        html.dark-mode body.app-page #appBibleSearchSheetResults > button,
        html.dark-mode body.app-page #appBibleBookList > button,
        html.dark-mode body.app-page #appHymnSheetList > button,
        html.dark-mode body.app-page #appHymnList > article .rounded-xl,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article .bg-heaven-100,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > article .bg-heaven-50,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside .bg-heaven-100,
        html.dark-mode body.app-page #appPanelShell > [data-panel-content] > .grid > aside .bg-heaven-50,
        html.dark-mode body.app-page .app-plus-input,
        html.dark-mode body.app-page .app-plus-choice-segment,
        html.dark-mode body.app-page .app-plus-choice-btn,
        html.dark-mode body.app-page .app-plus-secondary-btn,
        html.dark-mode body.app-page .app-plus-switch span,
        html.dark-mode body.app-page [data-plus-view="settings"] .app-plus-detail-head .bg-slate-200,
        html.dark-mode body.app-page .app-plus-settings-hero .bg-slate-200,
        html.dark-mode body.app-page .app-plus-changelog-overview,
        html.dark-mode body.app-page .app-plus-changelog-card,
        html.dark-mode body.app-page .app-plus-changelog-branch-head,
        html.dark-mode body.app-page .app-plus-changelog-feature,
        html.dark-mode body.app-page .app-plus-changelog-metric,
        html.dark-mode body.app-page .app-plus-changelog-date,
        html.dark-mode body.app-page .app-plus-changelog-count,
        html.dark-mode body.app-page .app-plus-changelog-badge,
        html.dark-mode body.app-page .app-plus-install-focus-badge,
        html.dark-mode body.app-page .app-plus-install-card-badge,
        html.dark-mode body.app-page .app-plus-install-step-icon,
        html.dark-mode body.app-page .app-plus-offline-progress,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-card-icon,
        html.dark-mode body.app-page #appMeditationGuideSection .app-meditation-intake-option-icon,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-slate-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-heaven-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-pink-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-amber-100,
        html.dark-mode body.app-page #appJerichoGuideSection .bg-emerald-100 {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.02),
                0 10px 18px -24px rgba(2, 6, 23, 0.38) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] > .grid > article,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"] > .grid > aside,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="hymnes"] > .grid > article,
        html.dark-mode body.app-page #appBibleBookSheet > div,
        html.dark-mode body.app-page #appBibleSearchSheet > div,
        html.dark-mode body.app-page #appHymnSheet > div {
            background: var(--app-dark-surface) !important;
            border-color: var(--app-dark-border) !important;
        }

        html.dark-mode body.app-page .app-mobile-bottom-sheet-grip {
            background: rgba(184, 199, 219, 0.42) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleMeta,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookSheetClose,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleSearchTrigger,
        html.dark-mode body.app-page #appBibleSearchSheetClose,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleChapterPrev,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleChapterNext,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookmarkDesktop,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleBookmarkMobile,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-list-arrow,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-toolbar-info-toggle,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoPrevDay,
        html.dark-mode body.app-page #appJerichoGuideSection #appJerichoNextDay,
        html.dark-mode body.app-page .app-prayer-cat-count,
        html.dark-mode body.app-page .app-daily-share-btn,
        html.dark-mode body.app-page #appSongAudioButton {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border-strong) !important;
            color: #d9e5ff !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] .app-bible-search-field {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border-strong) !important;
            color: var(--app-dark-text) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] .app-bible-search-field svg {
            color: #d9e5ff !important;
        }

        html.dark-mode body.app-page #appBibleBookSheet input,
        html.dark-mode body.app-page #appBibleSearchSheet input,
        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] #appBibleSearch {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-panel-content="bible"] .app-bible-search-field-input {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
        }

        html.dark-mode body.app-page #appBibleSearchDesktopResults > button .text-slate-800,
        html.dark-mode body.app-page #appBibleSearchSheetResults > button .text-slate-800 {
            color: var(--app-dark-text) !important;
        }

        html.dark-mode body.app-page #appBibleSearchDesktopResults > button .text-slate-600,
        html.dark-mode body.app-page #appBibleSearchSheetResults > button .text-slate-600,
        html.dark-mode body.app-page #appBibleSearchHint,
        html.dark-mode body.app-page #appBibleSearchMobileHint {
            color: #b8c7db !important;
        }

        html.dark-mode body.app-page #appBibleSearchDesktopResults .border-dashed,
        html.dark-mode body.app-page #appBibleSearchSheetResults .border-dashed {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border) !important;
            color: #b8c7db !important;
        }

        html.dark-mode body.app-page #appBibleVerses > div[data-app-bible-highlight="true"] {
            background: rgba(38, 49, 69, 0.96) !important;
            border-color: var(--app-dark-border-strong) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.04),
                0 0 0 1px rgba(142, 166, 255, 0.24),
                0 16px 26px -30px var(--app-dark-shadow) !important;
        }

        html.dark-mode body.app-page .app-mobile-nav {
            background: var(--app-dark-surface) !important;
            border-top: 1px solid var(--app-dark-border) !important;
            box-shadow: 0 -16px 32px -30px var(--app-dark-shadow) !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page .app-mobile-nav:not(.is-floating) .app-mobile-nav-shell {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page .app-mobile-nav.is-floating {
            background: transparent !important;
            border-top-color: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        html.dark-mode body.app-page .app-mobile-nav.is-floating .app-mobile-nav-shell {
            background: var(--app-dark-surface) !important;
            border-color: var(--app-dark-border) !important;
            box-shadow:
                0 22px 40px -26px rgba(2, 6, 23, 0.6),
                inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-plus-view] .bg-cyan-100,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .bg-emerald-100,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .bg-teal-100,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .bg-rose-100,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .bg-yellow-100 {
            background: var(--app-dark-surface-alt) !important;
            color: var(--app-dark-accent) !important;
            border-color: var(--app-dark-border) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.02),
                0 10px 18px -24px rgba(2, 6, 23, 0.38) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-cyan-500,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-cyan-600,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-cyan-700,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-emerald-500,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-emerald-600,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-emerald-700,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-teal-500,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-teal-600,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-teal-700,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-rose-500,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-rose-600,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-rose-700,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-yellow-500,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-yellow-600,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .text-yellow-700 {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appPanelShell [data-plus-view] .border-cyan-200,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .border-emerald-200,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .border-teal-200,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .border-rose-200,
        html.dark-mode body.app-page #appPanelShell [data-plus-view] .border-yellow-200 {
            border-color: var(--app-dark-border) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-list-btn-title,
        html.dark-mode body.app-page #appPanelShell .app-plus-list-btn-arrow,
        html.dark-mode body.app-page .app-plus-list-btn-title i,
        html.dark-mode body.app-page .app-prayer-cat-title-icon,
        html.dark-mode body.app-page .app-prayer-cat-arrow {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-entry,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-takeaway,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-next,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-mini-card,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-step,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-chip,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-focus-empty {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow:
                0 10px 18px -24px rgba(2, 6, 23, 0.38),
                inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-entry,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-takeaway,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-card {
            backdrop-filter: blur(14px) saturate(106%);
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-card-primary,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-entry,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-takeaway {
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.045), transparent 44%),
                linear-gradient(180deg, rgba(27, 34, 45, 0.96) 0%, rgba(29, 36, 48, 0.94) 100%) !important;
            border-color: var(--app-dark-border-strong) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-step[data-active="true"],
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-chip,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-focus-progress {
            background: rgba(38, 49, 69, 0.96) !important;
            border-color: rgba(142, 166, 255, 0.14) !important;
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-chip-muted {
            background: rgba(33, 40, 53, 0.9) !important;
            color: var(--app-dark-text-muted) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-divider {
            border-top-color: var(--app-dark-border) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-next-title,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-focus-empty-text,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-entry-text,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-paragraph-lead {
            color: var(--app-dark-text) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-paragraph,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-caption,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-subcopy {
            color: var(--app-dark-text-muted) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-guide-kicker,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-entry-label,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-takeaway-label,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-kicker,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-mini,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-nav-lead-label,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-paragraph-stage-label,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-focus-empty-label {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-mini-kicker i,
        html.dark-mode body.app-page #appBibleHistorySection .app-bible-history-rail-mini-card .app-bible-history-mini-kicker i {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--heaven,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--emerald,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--amber,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--blush,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card--heaven,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card--emerald {
            background: var(--app-dark-surface-alt) !important;
            border-color: var(--app-dark-border) !important;
            color: var(--app-dark-text) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.02),
                0 10px 18px -24px rgba(2, 6, 23, 0.38) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-stat-icon,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-value,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--heaven .app-plus-stat-icon,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--heaven .app-plus-stat-value,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--emerald .app-plus-stat-icon,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--emerald .app-plus-stat-value,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--amber .app-plus-stat-icon,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--amber .app-plus-stat-value,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--blush .app-plus-stat-icon,
        html.dark-mode body.app-page #appPanelShell .app-plus-stat-card--blush .app-plus-stat-value,
        html.dark-mode body.app-page #appPanelShell .app-plus-notice-card i {
            color: var(--app-dark-accent) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-stat-icon {
            background: rgba(38, 49, 69, 0.96) !important;
            border: 1px solid rgba(142, 166, 255, 0.12);
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-stat-label {
            color: var(--app-dark-text-muted) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-install-card.is-recommended {
            background:
                radial-gradient(circle at top left, rgba(142, 166, 255, 0.045), transparent 44%),
                linear-gradient(180deg, rgba(27, 34, 45, 0.96) 0%, rgba(29, 36, 48, 0.94) 100%) !important;
            border-color: var(--app-dark-border-strong) !important;
            box-shadow:
                0 10px 18px -24px rgba(2, 6, 23, 0.38),
                inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
        }

        html.dark-mode body.app-page #appPanelShell .app-plus-install-card.is-recommended .app-plus-install-card-badge,
        html.dark-mode body.app-page #appPanelShell .app-plus-install-card.is-recommended .app-plus-install-step-icon {
            background: rgba(38, 49, 69, 0.96) !important;
            color: var(--app-dark-accent) !important;
            border-color: rgba(142, 166, 255, 0.14) !important;
        }

        /* ── Dark-mode fixes: uncovered light elements ── */

        html.dark-mode body.app-page .app-home-share-feedback {
            background: var(--app-dark-surface-alt) !important;
            color: var(--app-dark-text-muted) !important;
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.02),
                0 10px 18px -24px var(--app-dark-shadow) !important;
        }

        html.dark-mode body.app-page .app-home-share-feedback[data-tone="success"] {
            color: #6ee7b7 !important;
            background: rgba(6, 78, 59, 0.6) !important;
        }

        html.dark-mode body.app-page .app-home-share-feedback[data-tone="error"] {
            color: #fca5a5 !important;
            background: rgba(127, 29, 29, 0.6) !important;
        }

        html.dark-mode body.app-page .app-prayer-steps-chip {
            background: var(--app-dark-surface-alt) !important;
            color: var(--app-dark-accent) !important;
            border: 1px solid var(--app-dark-border);
        }

        html.dark-mode body.app-page .app-meditation-blob-container {
            background: var(--app-dark-surface) !important;
            color: var(--app-dark-text) !important;
        }

        html.dark-mode body.app-page .app-meditation-blob-container::before {
            background: linear-gradient(180deg, rgba(11, 16, 24, 0.08) 0%, rgba(11, 16, 24, 0.42) 100%) !important;
        }

        html.dark-mode body.app-page .app-meditation-blob-container::after {
            background: radial-gradient(circle, rgba(142, 166, 255, 0.16) 0%, rgba(142, 166, 255, 0.04) 58%, rgba(255, 255, 255, 0) 100%) !important;
            opacity: 0.72;
        }

        html.dark-mode body.app-page .app-meditation-breath-hint {
            color: var(--app-dark-text-muted) !important;
        }

        html.dark-mode body.app-page .app-plus-star-btn {
            background: var(--app-dark-surface-alt) !important;
            color: var(--app-dark-text-soft) !important;
            border: 1px solid var(--app-dark-border);
        }

        html.dark-mode body.app-page .app-plus-star-btn.is-active,
        html.dark-mode body.app-page .app-plus-star-btn[aria-pressed="true"] {
            color: #fbbf24 !important;
        }

        /* Global colored badge overrides (outside Jéricho context) */
        html.dark-mode body.app-page .bg-heaven-100,
        html.dark-mode body.app-page .bg-blush-100,
        html.dark-mode body.app-page .bg-pink-100,
        html.dark-mode body.app-page .bg-amber-100 {
            background: var(--app-dark-surface-alt) !important;
            color: var(--app-dark-text) !important;
            border-color: var(--app-dark-border) !important;
        }

        html.dark-mode body.app-page .bg-heaven-100.text-heaven-700,
        html.dark-mode body.app-page .bg-heaven-100.text-heaven-600,
        html.dark-mode body.app-page .bg-heaven-100.text-heaven-500,
        html.dark-mode body.app-page .bg-heaven-100 .text-heaven-700,
        html.dark-mode body.app-page .bg-heaven-100 .text-heaven-600,
        html.dark-mode body.app-page .bg-heaven-100 .text-heaven-500 {
            color: #93c5fd !important;
        }

        html.dark-mode body.app-page .bg-blush-100.text-blush-700,
        html.dark-mode body.app-page .bg-blush-100.text-blush-600,
        html.dark-mode body.app-page .bg-blush-100.text-blush-500,
        html.dark-mode body.app-page .bg-blush-100 .text-blush-700,
        html.dark-mode body.app-page .bg-blush-100 .text-blush-600,
        html.dark-mode body.app-page .bg-blush-100 .text-blush-500,
        html.dark-mode body.app-page .bg-pink-100.text-pink-700,
        html.dark-mode body.app-page .bg-pink-100.text-pink-600,
        html.dark-mode body.app-page .bg-pink-100.text-pink-500,
        html.dark-mode body.app-page .bg-pink-100 .text-pink-700,
        html.dark-mode body.app-page .bg-pink-100 .text-pink-600,
        html.dark-mode body.app-page .bg-pink-100 .text-pink-500 {
            color: #f9a8d4 !important;
        }

        html.dark-mode body.app-page .bg-amber-100.text-amber-700,
        html.dark-mode body.app-page .bg-amber-100.text-amber-600,
        html.dark-mode body.app-page .bg-amber-100.text-amber-500,
        html.dark-mode body.app-page .bg-amber-100 .text-amber-700,
        html.dark-mode body.app-page .bg-amber-100 .text-amber-600,
        html.dark-mode body.app-page .bg-amber-100 .text-amber-500 {
            color: #fcd34d !important;
        }

        /* Meditation intake: fix dark text on dark background */
        html.dark-mode body.app-page .app-meditation-intake-header,
        html.dark-mode body.app-page .app-meditation-intake-question,
        html.dark-mode body.app-page .app-meditation-panel {
            color: var(--app-dark-text) !important;
        }

        @media (min-width: 768px) {
            .app-plus-surface {
                padding: 1.35rem 1.5rem;
            }
        }

        @media (min-width: 1536px) {
            .daily-copy-body {
                font-size: 1.06rem;
                line-height: 1.72;
            }

            .daily-copy-meta {
                font-size: 0.84rem;
            }
        }