:root {
            --soft-bg: #fdfbf7; --text-main: #2d3436; --base-color: #10b981; --drawer-bg: #ffffff;
            --border-color: rgba(0,0,0,0.08); --icon-color: #ffffff; --verse-font: 'Quicksand', sans-serif; --verse-font-style: normal; --verse-font-weight: 700;
            --verse-size: 1.35rem; --traditional-size: 1.04rem; --btn-size: 40px; --panel-width: 320px;
            --home-bg-start: #04382d; --home-bg-mid: #06251d; --home-bg-end: #021712; --home-river-shadow: rgba(2,44,34,.34); --home-card-color:#10b981;
        }
        body[data-theme="default"] { --soft-bg: #f5f0ff; --text-main: #1a0a2e; --base-color: #7c2fc0; --drawer-bg: #f0e8ff; --border-color:rgba(124,47,192,0.15); --icon-color:#7c2fc0; --picture-bg: radial-gradient(circle at center, #7c2fc0 0%, #2a0845 100%); --home-bg-start:#2a0845; --home-bg-mid:#1a0535; --home-bg-end:#0d0220; --home-river-shadow:rgba(124,47,192,.34); --home-card-color:#3d0f6b; }
        body[data-theme="paper"] { --soft-bg: #f4ecd8; --text-main: #4a3728; --base-color: #8b4513; --drawer-bg: #efdfbb; --border-color: rgba(74,55,40,0.15); --icon-color: #4a3728; --picture-bg: radial-gradient(circle at center, #e8d5b7 0%, #a68b6a 100%); --home-bg-start:#5a3924; --home-bg-mid:#352213; --home-bg-end:#1d1209; --home-river-shadow:rgba(96,58,27,.36); --home-card-color:#7c4a1e; }
        body[data-theme="dark"] { --soft-bg: #000000; --text-main: #ffffff; --base-color: #d1d5db; --drawer-bg: #0a0a0a; --border-color: rgba(255,255,255,0.15); --icon-color: #ffffff; --picture-bg: radial-gradient(circle at center, #2a2a2a 0%, #000000 100%); --home-bg-start:#1f2329; --home-bg-mid:#0c0d10; --home-bg-end:#000000; --home-river-shadow:rgba(255,255,255,.12); --home-card-color:#1a1a2e; }
        body[data-theme="cyber"] { --soft-bg: #0d0221; --text-main: #ffffff; --base-color: #00ffcc; --drawer-bg: #140635; --border-color: rgba(0,255,204,0.25); --icon-color: #0d0221; --picture-bg: radial-gradient(circle at center, #00ffcc 0%, #0d0221 100%); --home-bg-start:#18043b; --home-bg-mid:#0d0221; --home-bg-end:#03000a; --home-river-shadow:rgba(0,255,204,.22); --home-card-color:#0d0221; }
        body[data-theme="jacob"] { --soft-bg: #050007; --text-main: #f5e9c8; --base-color: #c9933a; --drawer-bg: #0a0510; --border-color: rgba(201,147,58,0.28); --icon-color: #c9933a; --verse-font:"Crimson Pro",'Crimson Pro',serif; --picture-bg: radial-gradient(circle at 30% 20%, #1a0f08 0%, #050007 70%); --home-bg-start:#15090a; --home-bg-mid:#0a040a; --home-bg-end:#050007; --home-river-shadow:rgba(201,147,58,.32); --home-card-color:#1a0f08; }
        body.picture-mode { --icon-color: #ffffff; }
        body.picture-mode[data-theme="jacob"] .v-text,
        body.picture-mode[data-theme="jacob"] .v-ref { font-family: var(--verse-font) !important; font-style: var(--verse-font-style) !important; font-weight: var(--verse-font-weight) !important; }
        body:not(.picture-mode)[data-theme="jacob"] .v-text,
        body:not(.picture-mode)[data-theme="jacob"] .v-ref { font-family: var(--verse-font); font-style: normal; letter-spacing: 0; }

        /* ══ THEME BACKGROUNDS — Direct rules, no variables, full specificity ══ */
        /* Default */
        body[data-theme="default"],body[data-theme="default"].home-active,body[data-theme="default"].schedule-home-open,body[data-theme="default"].profile-home-open,body[data-theme="default"].treasure-home-open { background: linear-gradient(180deg,#2a0845 0%,#1a0535 48%,#0d0220 100%) !important; }
        body[data-theme="default"] #vr-home,body[data-theme="default"] .vr-schedule-shell,body[data-theme="default"] .vr-treasure-shell,body[data-theme="default"] .vr-profile-shell { background: linear-gradient(180deg,#2a0845 0%,#1a0535 48%,#0d0220 100%) !important; }
        body[data-theme="default"] #daily-verse-card { background: #3d0f6b !important; background-image: radial-gradient(circle at 82% 12%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#7c2fc0 0%,#2a0845 100%) !important; }
        /* Paper */
        body[data-theme="paper"],body[data-theme="paper"].home-active,body[data-theme="paper"].schedule-home-open,body[data-theme="paper"].profile-home-open,body[data-theme="paper"].treasure-home-open { background: linear-gradient(180deg,#5a3924 0%,#352213 48%,#1d1209 100%) !important; }
        body[data-theme="paper"] #vr-home,body[data-theme="paper"] .vr-schedule-shell,body[data-theme="paper"] .vr-treasure-shell,body[data-theme="paper"] .vr-profile-shell { background: linear-gradient(180deg,#5a3924 0%,#352213 48%,#1d1209 100%) !important; }
        body[data-theme="paper"] #daily-verse-card { background: #7c4a1e !important; background-image: radial-gradient(circle at 82% 12%,rgba(255,255,255,.18),transparent 28%),linear-gradient(145deg,#a0622a 0%,#5a3010 100%) !important; }
        /* Dark */
        body[data-theme="dark"],body[data-theme="dark"].home-active,body[data-theme="dark"].schedule-home-open,body[data-theme="dark"].profile-home-open,body[data-theme="dark"].treasure-home-open { background: linear-gradient(180deg,#1f2329 0%,#0c0d10 48%,#000000 100%) !important; }
        body[data-theme="dark"] #vr-home,body[data-theme="dark"] .vr-schedule-shell,body[data-theme="dark"] .vr-treasure-shell,body[data-theme="dark"] .vr-profile-shell { background: linear-gradient(180deg,#1f2329 0%,#0c0d10 48%,#000000 100%) !important; }
        body[data-theme="dark"] #daily-verse-card { background: #1a1a2e !important; background-image: radial-gradient(circle at 82% 12%,rgba(255,255,255,.1),transparent 28%),linear-gradient(145deg,#2a2a4a 0%,#0a0a1a 100%) !important; }
        /* Cyber */
        body[data-theme="cyber"],body[data-theme="cyber"].home-active,body[data-theme="cyber"].schedule-home-open,body[data-theme="cyber"].profile-home-open,body[data-theme="cyber"].treasure-home-open { background: linear-gradient(180deg,#18043b 0%,#0d0221 48%,#03000a 100%) !important; }
        body[data-theme="cyber"] #vr-home,body[data-theme="cyber"] .vr-schedule-shell,body[data-theme="cyber"] .vr-treasure-shell,body[data-theme="cyber"] .vr-profile-shell { background: linear-gradient(180deg,#18043b 0%,#0d0221 48%,#03000a 100%) !important; }
        body[data-theme="cyber"] #daily-verse-card { background: #0d0221 !important; background-image: radial-gradient(circle at 82% 12%,rgba(0,255,204,.2),transparent 28%),linear-gradient(145deg,#1a0440 0%,#03000a 100%) !important; }
        /* Jacob */
        body[data-theme="jacob"],body[data-theme="jacob"].home-active,body[data-theme="jacob"].schedule-home-open,body[data-theme="jacob"].profile-home-open,body[data-theme="jacob"].treasure-home-open { background: radial-gradient(circle at 30% 15%,#1a0f08 0%,#050007 65%) !important; }
        body[data-theme="jacob"] #vr-home,body[data-theme="jacob"] .vr-schedule-shell,body[data-theme="jacob"] .vr-treasure-shell,body[data-theme="jacob"] .vr-profile-shell { background: radial-gradient(circle at 30% 15%,#1a0f08 0%,#050007 65%) !important; }
        body[data-theme="jacob"] #daily-verse-card { background: #1a0f08 !important; background-image: radial-gradient(circle at 82% 12%,rgba(201,147,58,.2),transparent 35%),linear-gradient(145deg,#2a1a0a 0%,#050007 100%) !important; border: 1px solid rgba(201,147,58,0.3) !important; }

        /* Jacob sub-theme daily verse cards */
        body[data-jacob-theme="solomons-temple"] #daily-verse-card { background:#2a1a00 !important; background-image:radial-gradient(circle at 82% 12%,rgba(201,147,58,.25),transparent 35%),linear-gradient(145deg,#3a2a00 0%,#050300 100%) !important; border:1px solid rgba(201,147,58,0.4) !important; }
        body[data-jacob-theme="burning-bush"] #daily-verse-card { background:#2a0a00 !important; background-image:radial-gradient(circle at 82% 12%,rgba(232,83,42,.25),transparent 35%),linear-gradient(145deg,#3a1200 0%,#080200 100%) !important; border:1px solid rgba(232,83,42,0.4) !important; }
        body[data-jacob-theme="red-sea"] #daily-verse-card { background:#001a2e !important; background-image:radial-gradient(circle at 82% 12%,rgba(74,144,217,.25),transparent 35%),linear-gradient(145deg,#002240 0%,#000810 100%) !important; border:1px solid rgba(74,144,217,0.4) !important; }
        body[data-jacob-theme="eden"] #daily-verse-card { background:#001a0a !important; background-image:radial-gradient(circle at 82% 12%,rgba(74,158,106,.25),transparent 35%),linear-gradient(145deg,#002215 0%,#000804 100%) !important; border:1px solid rgba(74,158,106,0.4) !important; }
        body[data-jacob-theme="holy-of-holies"] #daily-verse-card { background:#2a0010 !important; background-image:radial-gradient(circle at 82% 12%,rgba(201,57,58,.25),transparent 35%),linear-gradient(145deg,#3a0018 0%,#080005 100%) !important; border:1px solid rgba(201,57,58,0.4) !important; }
        body[data-jacob-theme="midnight-prayer"] #daily-verse-card { background:#0a0a1a !important; background-image:radial-gradient(circle at 82% 12%,rgba(122,138,185,.25),transparent 35%),linear-gradient(145deg,#14142e 0%,#02020a 100%) !important; border:1px solid rgba(122,138,185,0.4) !important; }
        body[data-jacob-theme="river-euphrates"] #daily-verse-card { background:#001530 !important; background-image:radial-gradient(circle at 82% 12%,rgba(58,123,200,.25),transparent 35%),linear-gradient(145deg,#001e44 0%,#000610 100%) !important; border:1px solid rgba(58,123,200,0.4) !important; }
        body[data-jacob-theme="ancient-scroll"] #daily-verse-card { background:#1a0e00 !important; background-image:radial-gradient(circle at 82% 12%,rgba(200,135,42,.25),transparent 35%),linear-gradient(145deg,#251500 0%,#060300 100%) !important; border:1px solid rgba(200,135,42,0.4) !important; }
        body[data-jacob-theme="throne-room"] #daily-verse-card { background:#1a0a2e !important; background-image:radial-gradient(circle at 82% 12%,rgba(154,79,217,.25),transparent 35%),linear-gradient(145deg,#241240 0%,#060310 100%) !important; border:1px solid rgba(154,79,217,0.4) !important; }
        body[data-jacob-theme="holy-smoke"] #daily-verse-card { background:#141418 !important; background-image:radial-gradient(circle at 82% 12%,rgba(160,168,184,.2),transparent 35%),linear-gradient(145deg,#1e1e24 0%,#050508 100%) !important; border:1px solid rgba(160,168,184,0.3) !important; }
        body[data-jacob-theme="garden-tomb"] #daily-verse-card { background:#1a0a2e !important; background-image:radial-gradient(circle at 82% 12%,rgba(201,106,217,.25),transparent 35%),linear-gradient(145deg,#240e3a 0%,#060310 100%) !important; border:1px solid rgba(201,106,217,0.4) !important; }
        body[data-jacob-theme="promised-land"] #daily-verse-card { background:#002218 !important; background-image:radial-gradient(circle at 82% 12%,rgba(46,201,138,.25),transparent 35%),linear-gradient(145deg,#002e20 0%,#000a08 100%) !important; border:1px solid rgba(46,201,138,0.4) !important; }


        /* ══ JACOB SUB-THEMES ══ */
        body[data-jacob-theme="solomons-temple"] { --base-color:#c9933a; --home-bg-start:#1a1000; --home-bg-mid:#0e0900; --home-bg-end:#050300; --home-card-color:#2a1a00; --border-color:rgba(201,147,58,0.28); }
        body[data-jacob-theme="solomons-temple"],body[data-jacob-theme="solomons-temple"].home-active { background:radial-gradient(circle at 40% 20%,#2a1a00 0%,#050300 70%) !important; }
        body[data-jacob-theme="solomons-temple"] #reel-container { background:radial-gradient(circle at 40% 20%,#2a1a00 0%,#050300 70%) !important; }

        body[data-jacob-theme="burning-bush"] { --base-color:#e8532a; --home-bg-start:#2a0a00; --home-bg-mid:#1a0500; --home-bg-end:#080200; --home-card-color:#3a0e00; --border-color:rgba(232,83,42,0.28); }
        body[data-jacob-theme="burning-bush"],body[data-jacob-theme="burning-bush"].home-active { background:radial-gradient(circle at 50% 80%,#2a0a00 0%,#080200 65%) !important; }
        body[data-jacob-theme="burning-bush"] #reel-container { background:radial-gradient(circle at 50% 80%,#2a0a00 0%,#080200 65%) !important; }

        body[data-jacob-theme="red-sea"] { --base-color:#4a90d9; --home-bg-start:#001a2e; --home-bg-mid:#001020; --home-bg-end:#000810; --home-card-color:#001a30; --border-color:rgba(74,144,217,0.28); }
        body[data-jacob-theme="red-sea"],body[data-jacob-theme="red-sea"].home-active { background:radial-gradient(circle at 30% 50%,#001a2e 0%,#000810 70%) !important; }
        body[data-jacob-theme="red-sea"] #reel-container { background:radial-gradient(circle at 30% 50%,#001a2e 0%,#000810 70%) !important; }

        body[data-jacob-theme="eden"] { --base-color:#4a9e6a; --home-bg-start:#001a0a; --home-bg-mid:#001008; --home-bg-end:#000804; --home-card-color:#001a10; --border-color:rgba(74,158,106,0.28); }
        body[data-jacob-theme="eden"],body[data-jacob-theme="eden"].home-active { background:radial-gradient(circle at 60% 40%,#001a0a 0%,#000804 70%) !important; }
        body[data-jacob-theme="eden"] #reel-container { background:radial-gradient(circle at 60% 40%,#001a0a 0%,#000804 70%) !important; }

        body[data-jacob-theme="holy-of-holies"] { --base-color:#c9393a; --home-bg-start:#2a0010; --home-bg-mid:#1a0008; --home-bg-end:#080005; --home-card-color:#2a0015; --border-color:rgba(201,57,58,0.28); }
        body[data-jacob-theme="holy-of-holies"],body[data-jacob-theme="holy-of-holies"].home-active { background:radial-gradient(circle at 50% 20%,#2a0010 0%,#080005 65%) !important; }
        body[data-jacob-theme="holy-of-holies"] #reel-container { background:radial-gradient(circle at 50% 20%,#2a0010 0%,#080005 65%) !important; }

        body[data-jacob-theme="midnight-prayer"] { --base-color:#7a8ab9; --home-bg-start:#0a0a1a; --home-bg-mid:#060614; --home-bg-end:#02020a; --home-card-color:#0c0c20; --border-color:rgba(122,138,185,0.28); }
        body[data-jacob-theme="midnight-prayer"],body[data-jacob-theme="midnight-prayer"].home-active { background:radial-gradient(ellipse at 50% 0%,#0c0c20 0%,#02020a 70%) !important; }
        body[data-jacob-theme="midnight-prayer"] #reel-container { background:radial-gradient(ellipse at 50% 0%,#0c0c20 0%,#02020a 70%) !important; }

        body[data-jacob-theme="river-euphrates"] { --base-color:#3a7bc8; --home-bg-start:#001530; --home-bg-mid:#000e20; --home-bg-end:#000610; --home-card-color:#001838; --border-color:rgba(58,123,200,0.28); }
        body[data-jacob-theme="river-euphrates"],body[data-jacob-theme="river-euphrates"].home-active { background:radial-gradient(circle at 40% 60%,#001530 0%,#000610 70%) !important; }
        body[data-jacob-theme="river-euphrates"] #reel-container { background:radial-gradient(circle at 40% 60%,#001530 0%,#000610 70%) !important; }

        body[data-jacob-theme="ancient-scroll"] { --base-color:#c8872a; --home-bg-start:#1a0e00; --home-bg-mid:#100800; --home-bg-end:#060300; --home-card-color:#221200; --border-color:rgba(200,135,42,0.28); }
        body[data-jacob-theme="ancient-scroll"],body[data-jacob-theme="ancient-scroll"].home-active { background:radial-gradient(circle at 50% 60%,#1a0e00 0%,#060300 70%) !important; }
        body[data-jacob-theme="ancient-scroll"] #reel-container { background:radial-gradient(circle at 50% 60%,#1a0e00 0%,#060300 70%) !important; }

        body[data-jacob-theme="throne-room"] { --base-color:#9a4fd9; --home-bg-start:#1a0a2e; --home-bg-mid:#100620; --home-bg-end:#060310; --home-card-color:#1e0c34; --border-color:rgba(154,79,217,0.28); }
        body[data-jacob-theme="throne-room"],body[data-jacob-theme="throne-room"].home-active { background:radial-gradient(circle at 30% 20%,#1a0a2e 0%,#060310 65%) !important; }
        body[data-jacob-theme="throne-room"] #reel-container { background:radial-gradient(circle at 30% 20%,#1a0a2e 0%,#060310 65%) !important; }

        body[data-jacob-theme="holy-smoke"] { --base-color:#a0a8b8; --home-bg-start:#141418; --home-bg-mid:#0c0c10; --home-bg-end:#050508; --home-card-color:#181820; --border-color:rgba(160,168,184,0.25); }
        body[data-jacob-theme="holy-smoke"],body[data-jacob-theme="holy-smoke"].home-active { background:radial-gradient(ellipse at 40% 50%,#141418 0%,#050508 70%) !important; }
        body[data-jacob-theme="holy-smoke"] #reel-container { background:radial-gradient(ellipse at 40% 50%,#141418 0%,#050508 70%) !important; }

        body[data-jacob-theme="garden-tomb"] { --base-color:#c96ad9; --home-bg-start:#1a0a2e; --home-bg-mid:#0e0518; --home-bg-end:#060310; --home-card-color:#200e34; --border-color:rgba(201,106,217,0.28); }
        body[data-jacob-theme="garden-tomb"],body[data-jacob-theme="garden-tomb"].home-active { background:radial-gradient(ellipse at 30% 30%,#1a0a2e 0%,#060310 45%),radial-gradient(ellipse at 70% 70%,#2a0a00 0%,transparent 50%) !important; }
        body[data-jacob-theme="garden-tomb"] #reel-container { background:radial-gradient(ellipse at 30% 30%,#1a0a2e 0%,#060310 45%),radial-gradient(ellipse at 70% 70%,#2a0a00 0%,transparent 50%) !important; }

        body[data-jacob-theme="promised-land"] { --base-color:#2ec98a; --home-bg-start:#002218; --home-bg-mid:#001610; --home-bg-end:#000a08; --home-card-color:#002820; --border-color:rgba(46,201,138,0.28); }
        body[data-jacob-theme="promised-land"],body[data-jacob-theme="promised-land"].home-active { background:radial-gradient(circle at 50% 50%,#002218 0%,#000a08 70%) !important; }
        body[data-jacob-theme="promised-land"] #reel-container { background:radial-gradient(circle at 50% 50%,#002218 0%,#000a08 70%) !important; }

        /* Jacob gallery styles */
        #jacob-gallery { display:none; }
        body[data-theme="jacob"] #jacob-gallery { display:block; }
        body[data-theme="jacob"] #color-picker-section { display:none; }
        body[data-theme="jacob"] #font-style-section { display:none; }
        body.quote-settings-active #color-picker-section { display:block !important; }
        body.quote-settings-active #picture-controls { display:none !important; }
        body.quote-settings-active[data-quote-settings-theme="jacob"] #jacob-gallery { display:block !important; }
        body.quote-settings-active[data-quote-settings-theme="jacob"] #font-style-section { display:none !important; }
        .jacob-gallery-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:6px; }
        .jacob-gallery-card { border-radius:10px; padding:8px 8px 7px; cursor:pointer; border:2px solid transparent; transition:all 0.2s ease; position:relative; overflow:hidden; min-height:52px; display:flex; flex-direction:column; justify-content:flex-end; -webkit-tap-highlight-color:transparent; }
        .jacob-gallery-card.active { border-color:rgba(255,255,255,0.55) !important; box-shadow:0 0 0 1px rgba(255,255,255,0.2); }
        .jacob-gallery-card:active { transform:scale(0.96); }
        .jacob-card-name { font-size:7.5px; font-weight:900; letter-spacing:0.1em; text-transform:uppercase; color:#fff; text-shadow:0 1px 6px rgba(0,0,0,0.9); line-height:1.2; }
        .jacob-card-verse { font-size:6.5px; color:rgba(255,255,255,0.5); margin-top:1px; font-style:italic; }
        .jacob-card-dot { position:absolute; top:6px; right:6px; width:7px; height:7px; border-radius:50%; border:1px solid rgba(255,255,255,0.35); }

                * { -webkit-tap-highlight-color: transparent; outline: none; }
        ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
        html { min-height: 100%; background: #000; overscroll-behavior: none; }
        body { min-height: 100%; min-height: var(--app-height, 100dvh); width: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #000; overscroll-behavior: none; transition: background 0.2s ease, color 0.2s ease; }
        body.picture-mode { background: #000; }
        #reel-container { height: 100vh; height: 100svh; height: var(--app-height, 100dvh); width: 100%; overflow-y: auto; overflow-x:hidden; scroll-snap-type: y mandatory; scroll-snap-stop: always; overscroll-behavior-y:none; -webkit-overflow-scrolling: touch; touch-action: pan-y; position: relative; z-index: 1; background-color: #000; background-image: none; }
        #reel-container.js-paging { scroll-snap-type: none; }
        .verse-card { height: 100vh; height: 100svh; height: var(--app-height, 100dvh); min-height: var(--app-height, 100dvh); width: 100%; scroll-snap-align: start; scroll-snap-stop: always; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; box-sizing: border-box; padding: 2.5rem; transition: background 0.6s ease; background-size: cover; background-position: center; position: relative; contain: layout paint style; }
        @supports (content-visibility:auto) {
            .verse-card { content-visibility: auto; contain-intrinsic-size: 100vh; contain-intrinsic-size: var(--app-height, 100dvh); }
        }
        html.android-device #reel-container { scroll-snap-type: y proximity; scroll-snap-stop: normal; }
        html.android-device .verse-card { transition: none; will-change: auto; }
        html.android-device body.picture-mode .verse-card { background-attachment: scroll; }
        @media (orientation: landscape) and (max-height: 500px) {
            .verse-card { padding: 1rem 2rem; }
            .v-text { font-size: calc(var(--verse-size) * 0.75) !important; }
        }
        .verse-card.selected::after { content: ''; position: absolute; inset: 1rem; border: 3px solid var(--base-color); border-radius: 24px; pointer-events: none; z-index: 10; background: color-mix(in srgb, var(--base-color), transparent 92%); }
        .content-wrapper { width: 80%; max-width: 500px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .v-text { font-family: var(--verse-font); font-size: var(--verse-size); line-height: 1.5; transition: color 0.3s ease; }
        .picture-mode .v-text { color: #ffffff !important; text-shadow: 0px 2px 8px rgba(0,0,0,0.4); }
        body:not(.picture-mode) .v-text { color: var(--text-main); }
        .v-ref { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.12em; color: #64748b; margin-top: 1.8rem; font-family: 'Inter', sans-serif; }
        .picture-mode .v-ref { color: var(--icon-color); text-transform: none; font-size: calc(var(--verse-size) * 0.45); opacity: 0.8; }
        body.traditional-mode,
        html:has(body.traditional-mode) { background: #f4ecd8 !important; background-color: #f4ecd8 !important; }
        body.traditional-mode #reel-container { position: fixed; top: 4.62rem; bottom: 0; left: 0; right: 0; height: auto; min-height: 0; scroll-snap-type: none; padding: 1rem 0 6.8rem; box-sizing: border-box; background: #f4ecd8; overflow-y: auto; overflow-x: hidden; scroll-padding: 1rem 0 6.8rem; -webkit-mask-image: none; mask-image: none; }
        body.traditional-mode::before { content:''; position:fixed; top:3.8rem; left:50%; transform:translateX(-50%); width:min(100% - 8.25rem, 660px); height:0.82rem; z-index:760; pointer-events:none; background:rgba(244,236,216,0.78); backdrop-filter:blur(10px); border-bottom:1px solid rgba(139,69,19,0.14); }
        body.traditional-mode::after { display:none; }
        #traditional-location-label { display:none; }
        body.traditional-mode #traditional-location-label { display:block; position:fixed; top:3.8rem; left:50%; transform:translateX(-50%); height:0.82rem; line-height:0.82rem; z-index:761; pointer-events:none; font-family:'Inter',sans-serif; font-size:0.58rem; font-weight:900; letter-spacing:0.18em; text-transform:uppercase; color:#8b4513; opacity:0.78; white-space:nowrap; }
        body.traditional-mode .verse-card { min-height: 0; height: auto; scroll-snap-align: none; display: block; width: min(100% - 8.25rem, 660px); margin: 0.24rem auto; text-align: left; padding: 0; transition: background-color 0.2s ease; contain: none; content-visibility: visible; border: 0; background: transparent !important; }
        body.traditional-mode .content-wrapper { display: block; width: 100%; max-width: none; margin: 0; }
        body.traditional-mode .v-text { display: inline; font-family: 'Crimson Pro', Georgia, serif !important; font-size: var(--traditional-size, 1.04rem) !important; font-weight: 400 !important; line-height: 1.72; letter-spacing: 0; margin: 0; color: #17120b !important; text-shadow: none !important; user-select: text; -webkit-user-select: text; }
        body.traditional-mode .v-ref { display: inline; margin: 0 0.38rem 0 0; font-family: 'Inter', sans-serif !important; font-size: 0.58rem; font-weight: 800; letter-spacing: 0.02em; opacity: 0.55; vertical-align: super; color: #8b4513; }
        body.traditional-mode .v-ref::after { content: ''; }
        body.traditional-mode .v-translation { display: none; }
        body.traditional-mode .verse-card.selected::after { display: none !important; }
        body.traditional-mode .verse-card.selected .v-text {
            outline: none !important;
            background: rgba(139,69,19,0.08);
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            border-radius: 3px;
        }
        body.traditional-mode .verse-card.selected .v-ref { opacity: 0.9; font-weight: 900; }
        body.traditional-mode #reel-container::before { content: ''; display: block; width: min(100% - 8.25rem, 660px); margin: 0 auto; }
        body.traditional-mode .verse-card:first-of-type::before { content: attr(data-chapter-title); display: block; width: min(100% - 8.25rem, 660px); margin: 0 auto 1rem; font-family: 'Inter', sans-serif; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase; color: #8b4513; opacity: 0.72; }
        @media (max-width: 520px) {
            body.traditional-mode::before { width: calc(100% - 8.75rem); }
            body.traditional-mode .verse-card,
            body.traditional-mode #reel-container::before,
            body.traditional-mode .verse-card:first-of-type::before { width: calc(100% - 8.75rem); }
            body.traditional-mode .v-text { font-size: var(--traditional-size, 1rem) !important; line-height: 1.7; }
        }
        body.traditional-mode .verse-card.chapter-start { margin-top: 1.65rem; }
        body.traditional-mode .verse-card.chapter-start::before { content: attr(data-chapter-title); display: block; margin-bottom: 0.75rem; font-family: 'Inter', sans-serif; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase; color: #8b4513; opacity: 0.72; }
        #drawer, #settings-panel, #saved-panel, #search-panel, #share-panel, #sound-panel { position: fixed; top: 0; left: calc(var(--panel-width) * -1.1); width: var(--panel-width); height: 100vh; height: 100dvh; background: var(--drawer-bg); z-index: 1000; transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); box-shadow: 15px 0 40px rgba(0,0,0,0.2); display: flex; flex-direction: column; color: var(--text-main) !important; border-top-right-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden; }
        body.drawer-open #drawer, body.settings-open #settings-panel, body.saved-open #saved-panel, body.search-open #search-panel, body.share-open #share-panel, body.sound-open #sound-panel { left: 0; }
        .panel-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.4); backdrop-filter: blur(2px); z-index: 950; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
        body.drawer-open .panel-overlay,
        body.settings-open .panel-overlay,
        body.saved-open .panel-overlay,
        body.search-open .panel-overlay,
        body.share-open .panel-overlay,
        body.sound-open .panel-overlay { opacity: 1; pointer-events: auto; }
        .drawer-header { padding: 1.5rem 1.25rem; border-bottom: 1px solid var(--border-color); position: relative; }
        .panel-tabs { display: flex; padding: 0 1rem; border-bottom: 1px solid var(--border-color); gap: 1rem; }
        .panel-tab { padding: 0.8rem 0; font-size: 10px; font-weight: 700; text-transform: uppercase; opacity: 0.4; cursor: pointer; border-bottom: 2px solid transparent; transition: all 0.2s; }
        .panel-tab.active { opacity: 1; border-color: var(--base-color); color: var(--base-color); }
        .close-btn { position: absolute; top: 0.6rem; right: 0.6rem; padding: 1.2rem; opacity: 0.4; cursor: pointer; z-index: 1100; }
        .book-item { padding: 0.8rem 0.6rem; border-radius: 6px; cursor: pointer; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; transition: all 0.2s ease; background: rgba(128,128,128,0.06); border-left: 4px solid var(--border-color); display: flex; align-items: center; color: var(--text-main); }
        .book-item.active { background: color-mix(in srgb, var(--base-color), transparent 85%); border-left-color: var(--base-color); color: var(--base-color) !important; }
        .option-btn { padding: 12px 8px; border: 1px solid var(--border-color); border-radius: 8px; cursor: pointer; text-align: center; font-size: 11px; background: transparent; color: var(--text-main) !important; transition: all 0.2s ease; }
        .option-btn.active { border-color: var(--base-color) !important; background: color-mix(in srgb, var(--base-color), transparent 90%) !important; font-weight: 800; color: var(--base-color) !important; }
        .mode-link-toggle { width: 100%; margin-top: 8px; border: 1px solid var(--border-color); border-radius: 12px; background: color-mix(in srgb, var(--drawer-bg), transparent 4%); color: var(--text-main); display: flex; align-items: center; gap: 10px; padding: 9px 10px; text-align: left; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease; }
        .mode-link-toggle svg { width: 18px; height: 18px; color: var(--base-color); flex: 0 0 auto; }
        .mode-link-toggle strong { display: block; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
        .mode-link-toggle small { display: block; margin-top: 2px; font-size: 9px; opacity: .55; line-height: 1.25; }
        .mode-link-toggle.is-independent { border-color: color-mix(in srgb, var(--base-color), transparent 38%); background: color-mix(in srgb, var(--drawer-bg), var(--base-color) 9%); }
        header { position: fixed; top: 0; left: 0; width: 100%; z-index: 800; padding: 1.25rem; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
        header * { pointer-events: auto; }
        .floating-btn { width: var(--btn-size); height: var(--btn-size); background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.15); border-radius: 50%; color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.25); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; cursor: pointer; }
        .floating-btn svg { width: 20px; height: 20px; pointer-events: none; }
        .version-selector { background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.15); color: white; box-shadow: 0 4px 15px rgba(0,0,0,0.25); font-family: 'Inter', sans-serif; text-align: center; border-radius: 9999px; height: 40px; padding: 0 16px; outline: none; cursor: pointer; }
        body.picture-mode:not(.home-active) .floating-btn,
        body.picture-mode:not(.home-active) .version-selector { background: rgba(255,255,255,0.12); color: #fff; border-color: rgba(255,255,255,0.15); box-shadow: 0 4px 15px rgba(0,0,0,0.25); }
        body.picture-mode:not(.home-active) .floating-btn.btn-active { background: rgba(255,255,255,0.2) !important; color: #fff !important; border-color: rgba(255,255,255,0.18) !important; box-shadow: 0 4px 15px rgba(0,0,0,0.25) !important; }
        body:not(.picture-mode):not(.home-active) .floating-btn,
        body:not(.picture-mode):not(.home-active) .version-selector { background:rgba(255,255,255,0.12); color:#fff; border-color:rgba(255,255,255,0.15); box-shadow:0 4px 15px rgba(0,0,0,0.25); }
        body:not(.picture-mode):not(.home-active) .floating-btn.btn-active { background:rgba(255,255,255,0.2) !important; color:#fff !important; border-color:rgba(255,255,255,0.18) !important; box-shadow:0 4px 15px rgba(0,0,0,0.25) !important; }
        body:not(.picture-mode):not(.home-active)[data-theme="default"] .floating-btn,
        body:not(.picture-mode):not(.home-active)[data-theme="default"] .version-selector { color:#000; }
        body:not(.picture-mode):not(.home-active)[data-theme="default"] .floating-btn.btn-active { color:#000 !important; }
        body:not(.picture-mode):not(.home-active)[data-theme="paper"] .floating-btn,
        body:not(.picture-mode):not(.home-active)[data-theme="paper"] .version-selector { color:#8b4513; }
        body:not(.picture-mode):not(.home-active)[data-theme="paper"] .floating-btn.btn-active { color:#8b4513 !important; }
        body:not(.picture-mode):not(.home-active)[data-theme="cyber"] .floating-btn,
        body:not(.picture-mode):not(.home-active)[data-theme="cyber"] .version-selector { color:#00ffcc; }
        body:not(.picture-mode):not(.home-active)[data-theme="cyber"] .floating-btn.btn-active { color:#00ffcc !important; }
        body.traditional-mode:not(.home-active) .floating-btn,
        body.traditional-mode:not(.home-active) .version-selector {
            color:#8b4513 !important;
            background:rgba(255,255,255,0.34) !important;
            border-color:rgba(139,69,19,0.16) !important;
            box-shadow:0 10px 24px rgba(74,55,40,0.14) !important;
        }
        body.traditional-mode:not(.home-active) .floating-btn.btn-active {
            color:#8b4513 !important;
            background:rgba(255,255,255,0.46) !important;
            border-color:rgba(139,69,19,0.22) !important;
        }
        body.home-active .floating-btn,
        body.home-active .version-selector { background: linear-gradient(135deg, color-mix(in srgb,var(--home-card-color,#3d0f6b),#fff 20%) 0%, var(--home-bg-end,#0d0220) 100%); color: #fff; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 4px 18px rgba(0,0,0,0.4); }
        .controls-overlay { position: fixed; bottom: calc(1rem + env(safe-area-inset-bottom, 0px)); right: 1rem; z-index: 800; display: flex; flex-direction: column; gap: 0.75rem; }
        .btn-active { background: var(--base-color) !important; color: #000 !important; border-color: transparent !important; box-shadow: 0 0 15px color-mix(in srgb, var(--base-color), transparent 30%); }
        #ambient-btn.btn-active,
        #scroll-btn.btn-active {
            background: color-mix(in srgb, var(--base-color), #000 34%) !important;
            color: #fff !important;
            border-color: color-mix(in srgb, var(--base-color), #fff 18%) !important;
            box-shadow: 0 0 22px color-mix(in srgb, var(--base-color), transparent 22%), 0 5px 18px rgba(0,0,0,0.35) !important;
        }
        .scroll-list { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 1.25rem; -webkit-overflow-scrolling: touch; min-height: 0; display: flex; flex-direction: column; }
        .neutral-label-head { color: var(--text-main) !important; opacity: 0.5; font-size: 8px; font-weight: 700; text-transform: uppercase; }
        .neutral-label-val { color: var(--text-main) !important; opacity: 0.3; font-size: 8px; font-weight: 700; }
        .dynamic-label-head { color: var(--base-color) !important; opacity: 0.6; font-size: 8px; font-weight: 700; text-transform: uppercase; transition: color 0.3s ease; }
        .dynamic-label-val { color: var(--base-color) !important; opacity: 0.4; font-size: 8px; font-weight: 700; transition: color 0.3s ease; }
        .share-badge { position: fixed; top: 1.25rem; left: 50%; transform: translateX(-50%); background: var(--base-color); color: #000; padding: 6px 16px; border-radius: 20px; font-size: 10px; font-weight: 900; z-index: 850; box-shadow: 0 10px 25px rgba(0,0,0,0.2); pointer-events: none; opacity: 0; transition: 0.3s; }
        body.share-mode .share-badge { opacity: 1; }
        .studio-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 0.5rem 0.25rem 2rem 0.25rem; }
        .studio-frame { width: 100%; aspect-ratio: 1; border-radius: 12px; background-size: cover; background-position: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem; color: white; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.15); overflow: hidden; position: relative; }
        .studio-frame .v-text { font-size: 0.75rem; line-height: 1.3; color: white; text-shadow: 0px 1px 4px rgba(0,0,0,0.4); }
        .studio-frame .v-ref { color: white; opacity: 0.7; margin-top: 0.5rem; font-size: 0.45rem; }
        .color-swatch { aspect-ratio: 1; border-radius: 2px; cursor: pointer; border: 1px solid rgba(0,0,0,0.05); min-height: 20px; }
        .switch { position: relative; display: inline-block; width: 40px; height: 22px; }
        .switch input { opacity: 0; width: 0; height: 0; }
        .slider { position: absolute; cursor: pointer; inset: 0; background-color: var(--border-color); border-radius: 22px; transition: .4s; }
        .slider:before { position: absolute; content: ""; height: 16px; width: 14px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: .4s; }
        input:checked + .slider { background-color: var(--base-color); }
        input:checked + .slider:before { transform: translateX(18px); }
        input[type="range"] { appearance: none; -webkit-appearance: none; height: 6px; border-radius: 999px; background: color-mix(in srgb, var(--base-color), var(--border-color) 72%); accent-color: var(--base-color); }
        input[type="range"]::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--base-color); border: 2px solid color-mix(in srgb, var(--drawer-bg), #ffffff 42%); box-shadow: 0 2px 10px color-mix(in srgb, var(--base-color), transparent 45%); cursor: pointer; }
        input[type="range"]::-moz-range-track { height: 6px; border-radius: 999px; background: color-mix(in srgb, var(--base-color), var(--border-color) 72%); }
        input[type="range"]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: var(--base-color); border: 2px solid color-mix(in srgb, var(--drawer-bg), #ffffff 42%); box-shadow: 0 2px 10px color-mix(in srgb, var(--base-color), transparent 45%); cursor: pointer; }
        #toast { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); background: color-mix(in srgb, var(--drawer-bg), #000 20%); color: var(--text-main); border: 1px solid color-mix(in srgb, var(--base-color), transparent 58%); padding: 8px 20px; border-radius: 20px; font-size: 10px; font-weight: 800; opacity: 0; transition: 0.3s; z-index: 2000; pointer-events: none; box-shadow: 0 14px 38px rgba(0,0,0,0.28); }
        body.picture-mode #toast { color:#fff; background:rgba(0,0,0,0.72); border-color:rgba(255,255,255,0.18); }
        #verse-note-popup { position: fixed; top: 1.5rem; left: 50%; transform: translateX(-50%) translateY(-20px); background: color-mix(in srgb, var(--drawer-bg), transparent 12%); backdrop-filter: blur(15px); color: var(--text-main); border:1px solid color-mix(in srgb, var(--base-color), transparent 60%); padding: 12px 22px; border-radius: 24px; opacity: 0; transition: 0.4s ease; z-index: 300; box-shadow: 0 8px 32px rgba(0,0,0,0.2); text-align: center; max-width: 85%; }
        body.picture-mode #verse-note-popup { color:#fff; background:rgba(0,0,0,0.45); border-color:rgba(255,255,255,0.2); }
        #verse-note-popup.visible { opacity: 1; transform: translateX(-50%) translateY(0); }
        .vr-dialog-overlay { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 22px; background: rgba(0,0,0,0.45); backdrop-filter: blur(8px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; }
        .vr-dialog-overlay.visible { opacity: 1; visibility: visible; pointer-events: auto; }
        .vr-dialog-card { width: min(92vw, 360px); border-radius: 18px; padding: 22px; text-align: center; color: var(--text-main); background: linear-gradient(180deg, color-mix(in srgb, var(--drawer-bg), #fff 6%), var(--drawer-bg)); border: 1px solid color-mix(in srgb, var(--base-color), transparent 58%); box-shadow: 0 24px 70px rgba(0,0,0,0.38); transform: translateY(10px) scale(.98); transition: transform .22s ease; }
        .vr-dialog-overlay.visible .vr-dialog-card { transform: translateY(0) scale(1); }
        .vr-dialog-mark { width: 54px; height: 54px; margin: 0 auto 14px; border-radius: 18px; display:flex; align-items:center; justify-content:center; color: var(--base-color); background: color-mix(in srgb, var(--base-color), transparent 86%); border: 1px solid color-mix(in srgb, var(--base-color), transparent 52%); }
        .vr-dialog-icon { width: 25px; height: 25px; }
        .vr-dialog-kicker { font-size: 8px; font-weight: 900; letter-spacing: .32em; text-transform: uppercase; color: var(--base-color); opacity: .78; margin-bottom: 7px; }
        .vr-dialog-card h2 { margin: 0; color: var(--text-main) !important; font-size: 1.25rem; line-height: 1.15; font-weight: 900; letter-spacing: 0; }
        .vr-dialog-card p { margin: 10px 0 18px; font-size: 11px; line-height: 1.55; opacity: .68; }
        .vr-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
        .vr-dialog-btn { min-height: 42px; border-radius: 10px; border: 1px solid var(--border-color); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
        .vr-dialog-ghost { color: var(--text-main); background: rgba(128,128,128,.08); }
        .vr-dialog-primary { color: #fff; background: var(--base-color); border-color: color-mix(in srgb, var(--base-color), #fff 18%); box-shadow: 0 10px 24px color-mix(in srgb, var(--base-color), transparent 62%); }
        body.picture-mode .vr-dialog-card { color:#fff; background:linear-gradient(180deg, rgba(20,20,24,.88), rgba(0,0,0,.82)); border-color:rgba(255,255,255,.18); }
        body.picture-mode .vr-dialog-card h2 { color:#fff !important; }
        body.picture-mode .vr-dialog-ghost { color:#fff; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); }
        /* Sound picker */
        .sound-btn-group { display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
        .sound-library { display: grid; gap: 10px; }
        .sound-library-btn { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 12px; border: 1px solid var(--border-color); border-radius: 8px; background: transparent; color: var(--text-main); cursor: pointer; text-align: left; }
        .sound-library-btn.active { border-color: var(--base-color); background: color-mix(in srgb, var(--base-color), transparent 90%); color: var(--base-color); }
        .sound-library-btn strong { display: block; font-size: 12px; }
        .sound-library-btn span { display: block; margin-top: 2px; font-size: 9px; opacity: 0.5; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
        /* Search input */
        .search-input { background: rgba(0,0,0,0.05); border: 1px solid var(--border-color); padding: 12px 16px; border-radius: 12px; font-size: 14px; width: 100%; color: inherit; box-sizing: border-box; }
        .search-result { padding: 10px 12px; border-radius: 8px; margin-bottom: 4px; cursor: pointer; display: flex; justify-content: space-between; border: 1px solid transparent; }
        .search-result:hover { background: rgba(0,0,0,0.03); border-color: var(--border-color); }
        .saved-item { padding: 12px; border-radius: 8px; margin-bottom: 8px; cursor: pointer; border: 1px solid var(--border-color); }
        .saved-item:hover { background: rgba(128,128,128,0.06); }
        .note-item { position: relative; padding: 11px 2.25rem 11px 12px; border-radius: 8px; margin-bottom: 8px; cursor: pointer; border: 1px solid var(--border-color); }
        .note-item:hover { background: rgba(128,128,128,0.06); }
        .note-item .note-ref { font-size: 9px; font-weight: 800; letter-spacing: 0.08em; opacity: 0.48; margin-bottom: 3px; text-transform: uppercase; }
        .note-item .note-verse { font-size: 10px; font-style: italic; opacity: 0.62; margin-bottom: 5px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .note-item .note-comment { font-size: 11px; line-height: 1.45; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
        .note-item.expanded .note-verse { white-space: normal; overflow: visible; }
        .note-item.expanded .note-comment { display: block; overflow: visible; }
        .note-delete { position: absolute; top: 8px; right: 8px; opacity: 0.25; background: none; border: none; cursor: pointer; font-size: 13px; color: var(--text-main); }
        .share-option-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 8px; }
        .share-option-row span { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.6; }
        .notes-area { resize: none; font-family: var(--verse-font); background: rgba(0,0,0,0.05); border: 1px solid var(--border-color); color: var(--text-main); }
        .v-translation { display: inline-block; font-family: 'Inter', sans-serif; font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; padding: 3px 10px; border-radius: 20px; margin-top: 8px; background: rgba(255,255,255,.15); color: var(--icon-color); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.12); pointer-events: none; }
        body:not(.picture-mode) .v-translation { background: rgba(0,0,0,.06); color: var(--text-main); border-color: var(--border-color); }
        /* ── TEXT MODE FIXED THEMES ── */
        body:not(.picture-mode)[data-theme="default"] .verse-card { background: #f8f6f0; }
        body:not(.picture-mode)[data-theme="default"] .v-text { color: #1a2e1a !important; }
        body:not(.picture-mode)[data-theme="default"] .v-ref { color: #10b981; }
        body:not(.picture-mode)[data-theme="default"] .v-translation { background: rgba(16,185,129,0.1); color: #10b981; border-color: rgba(16,185,129,0.3); }

        body:not(.picture-mode)[data-theme="paper"] .verse-card { background: #f4ecd8; }
        body:not(.picture-mode)[data-theme="paper"] .v-text { color: #3b2008 !important; }
        body:not(.picture-mode)[data-theme="paper"] .v-ref { color: #8b4513; }
        body:not(.picture-mode)[data-theme="paper"] .v-translation { background: rgba(139,69,19,0.1); color: #8b4513; border-color: rgba(139,69,19,0.25); }

        body:not(.picture-mode)[data-theme="dark"] .verse-card { background: #0a0a0a; }
        body:not(.picture-mode)[data-theme="dark"] .v-text { color: #e8e4db !important; }
        body:not(.picture-mode)[data-theme="dark"] .v-ref { color: #6b7280; }
        body:not(.picture-mode)[data-theme="dark"] .v-translation { background: rgba(255,255,255,0.06); color: #9ca3af; border-color: rgba(255,255,255,0.1); }

        body:not(.picture-mode)[data-theme="cyber"] .verse-card { background: #0d0221; }
        body:not(.picture-mode)[data-theme="jacob"] #reel-container {
            background:
                radial-gradient(ellipse at 50% 0%, rgba(201,147,58,0.07) 0%, transparent 60%),
                radial-gradient(ellipse at 50% 100%, rgba(139,60,20,0.12) 0%, transparent 55%),
                radial-gradient(ellipse at 0% 50%, rgba(80,20,40,0.1) 0%, transparent 50%),
                radial-gradient(ellipse at 100% 50%, rgba(40,10,60,0.1) 0%, transparent 50%),
                linear-gradient(180deg, #0e0508 0%, #07030d 35%, #0a0407 65%, #0d0608 100%) !important;
            background-color: #07030d !important;
        }
        body:not(.picture-mode)[data-theme="jacob"] .verse-card {
            background: transparent !important;
            background-image: none !important;
        }
        body:not(.picture-mode)[data-theme="jacob"] .verse-card::after {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse at 50% 20%, rgba(201,147,58,0.04) 0%, transparent 55%),
                radial-gradient(ellipse at 50% 80%, rgba(100,30,10,0.06) 0%, transparent 45%);
            pointer-events: none;
            z-index: 0;
        }
        body:not(.picture-mode)[data-theme="jacob"] .content-wrapper {
            position: relative;
            z-index: 1;
        }
        body:not(.picture-mode)[data-theme="jacob"] .v-text { color: #f0e2c0 !important; text-shadow: 0 1px 20px rgba(201,147,58,0.1), 0 0 40px rgba(0,0,0,0.8) !important; }
        body:not(.picture-mode)[data-theme="jacob"] .v-ref { color: #c9933a; opacity: 0.9; }
        body:not(.picture-mode)[data-theme="cyber"] .v-text { color: #00ffcc !important; text-shadow: 0 0 20px rgba(0,255,204,0.3); }
        body:not(.picture-mode)[data-theme="cyber"] .v-ref { color: rgba(0,255,204,0.5); }
        body:not(.picture-mode)[data-theme="cyber"] .v-translation { background: rgba(0,255,204,0.08); color: #00ffcc; border-color: rgba(0,255,204,0.25); }
        body.traditional-mode[data-theme] #reel-container { background:#f4ecd8 !important; }
        body.traditional-mode[data-theme] .verse-card { background:transparent !important; }
        body.traditional-mode[data-theme] .v-text { color:#17120b !important; text-shadow:none !important; }
        body.traditional-mode[data-theme] .v-ref,
        body.traditional-mode[data-theme] .verse-card::before { color:#8b4513 !important; }
        @media (orientation: landscape) and (max-height: 560px) {
            :root { --btn-size: 34px; }
            header { padding: 0.65rem 0.8rem; }
            .controls-overlay { bottom: calc(0.6rem + env(safe-area-inset-bottom, 0px)); right: 0.75rem; gap: 0.45rem; }
            .floating-btn svg { width: 17px; height: 17px; }
            .verse-card { padding: 1rem 4.5rem; }
            .content-wrapper { width: min(76%, 680px); max-width: 680px; }
            .v-text { font-size: min(var(--verse-size), 1.05rem); line-height: 1.28; }
            .verse-card.long-verse .v-text { font-size: min(calc(var(--verse-size) * 0.82), 0.95rem); line-height: 1.22; }
            .verse-card.extra-long-verse .v-text { font-size: min(calc(var(--verse-size) * 0.72), 0.84rem); line-height: 1.16; }
            .v-ref { margin-top: 0.65rem; font-size: 0.56rem; }
            .picture-mode .v-ref { font-size: min(calc(var(--verse-size) * 0.38), 0.56rem); }
            .v-translation { margin-top: 5px; padding: 2px 8px; font-size: 7px; }
            .drawer-header { padding: 0.85rem 1rem 0.75rem; }
            #current-selection-label { font-size: 0.95rem; }
            #version-btn-group { gap: 0.25rem; }
            #version-btn-group .option-btn { padding: 8px 4px; font-size: 8px; border-radius: 7px; }
        }

        /* Picture-only controls hidden in text mode */
        body:not(.picture-mode) #picture-controls { display: none !important; }
        body:not(.picture-mode) #color-picker-section { display: none !important; }
        body.quote-settings-active #color-picker-section { display:block !important; }
        body.quote-settings-active #picture-controls { display:none !important; }
        body.quote-settings-active[data-quote-settings-theme="jacob"] #jacob-gallery { display:block !important; }
        body.quote-settings-active[data-quote-settings-theme="jacob"] #font-style-section { display:none !important; }
        #traditional-scroll-section,
        #traditional-size-section { display: none; }
        body.traditional-mode #traditional-scroll-section { display: block; }
        body.traditional-mode #traditional-size-section { display: block; }
        body.picture-mode #text-mode-note,
        body.traditional-mode #text-mode-note { display: none !important; }
        body.reader-focus header,
        body.reader-focus #main-controls,
        body.reader-focus #share-count-badge,
        body.reader-focus #verse-note-popup,
        body.reader-focus .panel-overlay { display: none !important; }

        /* Verse Bible Home Page */
        body.home-active { overflow:hidden; background:linear-gradient(180deg,var(--home-bg-start) 0%,var(--home-bg-mid) 48%,var(--home-bg-end) 100%); background-color:var(--home-bg-end); }
        body.schedule-home-open,
        body.profile-home-open,
        body.treasure-home-open { overflow: auto; background:linear-gradient(180deg,var(--home-bg-start) 0%,var(--home-bg-mid) 48%,var(--home-bg-end) 100%); background-color:var(--home-bg-end); }
        body.home-active header,
        body.home-active #reel-container,
        body.home-active #main-controls,
        body.home-active #verse-note-popup,
        body.home-active #share-count-badge { display: none !important; }
        body.traditional-mode.home-active::before,
        body.traditional-mode.schedule-home-open::before,
        body.traditional-mode.profile-home-open::before,
        body.traditional-mode.treasure-home-open::before,
        body.traditional-mode.home-active #traditional-location-label,
        body.traditional-mode.schedule-home-open #traditional-location-label,
        body.traditional-mode.profile-home-open #traditional-location-label,
        body.traditional-mode.treasure-home-open #traditional-location-label { display:none !important; }
        body.schedule-home-open header,
        body.schedule-home-open #reel-container,
        body.schedule-home-open #main-controls,
        body.schedule-home-open #verse-note-popup,
        body.profile-home-open header,
        body.profile-home-open #reel-container,
        body.profile-home-open #main-controls,
        body.profile-home-open #verse-note-popup,
        body.witnesses-home-open header,
        body.witnesses-home-open #reel-container,
        body.witnesses-home-open #main-controls,
        body.witnesses-home-open #verse-note-popup { display: none !important; }
        #vr-home { height: 100vh; height: 100svh; height: var(--app-height, 100dvh); min-height: 100vh; min-height: 100svh; min-height: var(--app-height, 100dvh); width:100%; position:relative; background:linear-gradient(180deg,var(--home-bg-start) 0%,var(--home-bg-mid) 48%,var(--home-bg-end) 100%); background-color:var(--home-bg-end); color:#ecfdf5; font-family:'Inter',sans-serif; padding:22px; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; isolation:isolate; }
        #vr-home::before { content:''; position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.36; background:linear-gradient(128deg,transparent 0 22%,color-mix(in srgb,var(--home-card-color),transparent 78%) 22% 34%,transparent 34% 58%,var(--home-river-shadow) 58% 68%,transparent 68%); }
        #vr-home::after { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(180deg,rgba(236,253,245,.08),transparent 28%,rgba(0,0,0,.16)); opacity:.66; }
        @keyframes vrRiverDrift { from { background-position:0 0,0 0; } to { background-position:220px 360px,-260px 300px; } }
        body:not(.home-active) #vr-home { display:none !important; }
        body.schedule-home-open #vr-home { display:block !important; }
        body.profile-home-open #vr-home { display:block !important; }
        .vr-home-wrap { position:relative; z-index:1; max-width:720px; margin:0 auto; padding-bottom:58px; }
        .vr-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
        .vr-logo { font-weight:900; letter-spacing:-.04em; font-size:26px; color:var(--base-color,#065f46); }
        .vr-sub { font-size:12px; color:color-mix(in srgb,var(--text-main,#5f756f),transparent 35%); margin-top:3px; }
        #vr-home > .vr-home-wrap > .vr-top .vr-logo { color:#ecfdf5; text-shadow:0 2px 16px rgba(0,0,0,.22); }
        #vr-home > .vr-home-wrap > .vr-top .vr-sub { color:rgba(236,253,245,.72); }
        #vr-home > .vr-home-wrap > .vr-top .vr-small { background:rgba(236,253,245,.18); color:#ecfdf5; border-color:rgba(236,253,245,.28); box-shadow:0 8px 18px rgba(0,0,0,.14); }
        body.home-active.picture-mode { --icon-color: var(--base-color); }
        body.home-active #vr-home > .vr-home-wrap > .vr-top .vr-small,
        body.home-active .vr-action-btn,
        body.home-active .vr-icon-btn { background:linear-gradient(135deg,color-mix(in srgb,var(--home-card-color,#3d0f6b),#fff 24%) 0%,color-mix(in srgb,var(--home-bg-end,#0d0220),#000 10%) 100%); color:#fff; border-color:rgba(255,255,255,0.18); box-shadow:0 10px 24px color-mix(in srgb,var(--home-card-color,#3d0f6b),transparent 70%); }
        body.home-active .vr-action-btn:hover { background:linear-gradient(135deg,color-mix(in srgb,var(--home-card-color,#3d0f6b),#fff 32%) 0%,var(--home-bg-end,#0d0220) 100%); }
        body.home-active .vr-icon,
        body.home-active .vr-title { color:#fff; }
        body.home-active .vr-muted,
        body.home-active .vr-read-label { color:rgba(255,255,255,0.68); }
        body.home-active .vr-flow-tile .vr-icon,
        body.home-active .vr-home-tile-picture .vr-icon {
            background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--base-color),#fff 34%) 0%,color-mix(in srgb,var(--home-card-color,#3d0f6b),#000 18%) 72%);
            border-color:color-mix(in srgb,var(--base-color),#fff 38%);
            color:color-mix(in srgb,var(--base-color),#fff 66%);
            box-shadow:0 10px 24px color-mix(in srgb,var(--base-color),transparent 62%), inset 0 1px 0 rgba(255,255,255,0.25);
        }
        body.home-active .vr-flow-tile .vr-icon svg,
        body.home-active .vr-home-tile-picture .vr-icon svg {
            stroke:currentColor;
        }
        .vr-card { background:var(--soft-bg,#fff); border:1px solid var(--border-color,rgba(6,95,70,.12)); border-radius:26px; padding:22px; box-shadow:0 10px 30px rgba(0,0,0,.08); margin-bottom:16px; }
        .vr-tile-actions { position:absolute; right:12px; bottom:12px; display:flex; flex-direction:row; gap:8px; z-index:6; }
        .vr-action-btn { width:34px; height:34px; border:1px solid rgba(255,255,255,.34); background:rgba(255,255,255,.2); color:#fff; border-radius:50%; padding:0; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 14px rgba(0,0,0,.16); transition:background .12s ease; touch-action:manipulation; }
        .vr-action-btn:hover { transform:translateY(-1px); background:rgba(255,255,255,.24); }
        .vr-action-btn svg { width:16px; height:16px; pointer-events:none; }
        .vr-export-brand { display:none; margin-top:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.76); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
        .vr-card.exporting .vr-export-brand { display:block; }
        .vr-card.exporting .vr-tile-actions { display:none; }
        .vr-verse { font-family:'Crimson Pro',serif; font-size:27px; line-height:1.25; color:#172b25; }
        .vr-ref { font-size:12px; font-weight:800; color:#10b981; margin-top:12px; }
        .vr-verse-picture .vr-label { color:rgba(255,255,255,.74); }
        .vr-verse-picture, #daily-verse-card { position:relative; overflow:hidden; min-height:220px; color:#fff; border-color:rgba(255,255,255,.22); box-shadow:0 16px 34px rgba(0,0,0,.16); }
        .vr-verse-picture .vr-verse { color:#fff; max-width:94%; font-size:41px; text-shadow:0 2px 12px rgba(0,0,0,.16); }
        .vr-verse-picture .vr-ref { color:rgba(255,255,255,.82); }
        .vr-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:16px; }
        .vr-tile { background:var(--home-card-color,#047857); background-image:radial-gradient(circle at 82% 12%,rgba(255,255,255,.1),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color,#047857),#fff 15%) 0%,var(--home-bg-end,#021712) 100%); border:1px solid rgba(255,255,255,0.1); border-radius:22px; padding:18px; min-height:132px; box-shadow:0 8px 22px rgba(0,0,0,.2); cursor:pointer; text-align:left; transition:background .12s ease, transform .08s ease; touch-action:manipulation; color:#fff; }
        .vr-tile:active, .vr-primary:active, .vr-small:active, .vr-action-btn:active { transform:scale(.985); }
        .vr-flow-tile { position:relative; overflow:hidden; grid-column:1 / -1; min-height:150px; background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.24),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#fff 16%) 0%,color-mix(in srgb,var(--home-card-color),#000 42%) 100%); border-color:rgba(255,255,255,.22); box-shadow:0 18px 38px color-mix(in srgb,var(--home-card-color),transparent 78%); color:#fff; }
        .vr-flow-tile::after { content:''; position:absolute; inset:auto -18% -48% -18%; height:78%; background:radial-gradient(circle,rgba(255,255,255,.15),transparent 64%); pointer-events:none; }
        .vr-flow-tile > * { position:relative; z-index:1; }
        .vr-flow-tile .vr-icon { width:44px; height:44px; margin-bottom:14px; border:1px solid rgba(255,255,255,.26); border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
        .vr-flow-tile .vr-icon svg { width:22px; height:22px; stroke-width:2.5; }
        .vr-flow-tile .vr-title { color:#fff; font-size:28px; letter-spacing:-.04em; text-shadow:0 2px 12px rgba(0,0,0,.16); }
        .vr-flow-tile .vr-muted { color:rgba(255,255,255,.84); max-width:68%; }
        .vr-flow-pill { position:absolute; right:18px; bottom:18px; border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:9px 14px; background:rgba(255,255,255,.18); color:#fff; font-size:11px; font-weight:900; }
        .vr-home-tile-picture { position:relative; overflow:hidden; min-height:146px; color:#fff; border-color:rgba(255,255,255,.22); box-shadow:0 16px 34px rgba(6,78,59,.16); }
        .vr-home-tile-picture::after { content:''; position:absolute; width:88%; height:88%; right:-36%; bottom:-46%; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%); pointer-events:none; }
        .vr-home-tile-picture::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.22),transparent 30%); pointer-events:none; }
        .vr-home-tile-picture > * { position:relative; z-index:1; }
        .vr-home-tile-picture .vr-icon { width:42px; height:42px; margin-bottom:14px; border:1px solid rgba(255,255,255,.26); border-radius:50%; background:rgba(255,255,255,.18); color:#fff; display:flex; align-items:center; justify-content:center; }
        .vr-home-tile-picture .vr-icon svg { width:21px; height:21px; stroke-width:2.5; }
        .vr-home-tile-picture .vr-title { color:#fff; line-height:1.05; text-shadow:0 2px 12px rgba(0,0,0,.16); }
        .vr-home-tile-picture .vr-muted { color:rgba(255,255,255,.82); }
        .vr-treasure-tile { background:linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#38bdf8 28%) 0%,color-mix(in srgb,var(--home-card-color),#000 44%) 100%); }
        .vr-schedule-tile { background:linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#fff 12%) 0%,color-mix(in srgb,var(--home-card-color),#000 48%) 100%); }
        .vr-read-tile { background:linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#fff 24%) 0%,color-mix(in srgb,var(--home-card-color),#000 38%) 100%); }
        .vr-read-count { color:#fff; font-size:34px; font-weight:900; line-height:1; letter-spacing:-.04em; text-shadow:0 2px 12px rgba(0,0,0,.16); }
        .vr-read-label { color:rgba(255,255,255,.78); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; margin-top:4px; }
        .vr-site-tile { background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#0f766e 18%) 0%,color-mix(in srgb,var(--home-card-color),#000 62%) 100%); }
        .vr-site-tile .vr-title { font-size:18px; letter-spacing:-.03em; overflow-wrap:anywhere; }
        .vr-witness-home { margin-top:16px; grid-column:1/-1; min-height:150px; border:1px solid rgba(255,255,255,.18); border-radius:22px; padding:14px; background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.16),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#c9a84c 18%) 0%,color-mix(in srgb,var(--home-card-color),#000 56%) 100%); box-shadow:0 18px 38px color-mix(in srgb,var(--home-card-color),transparent 80%); color:#fff; }
        .vr-witness-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:10px; }
        .vr-witness-heading .vr-label { color:rgba(255,255,255,.58); }
        .vr-witness-heading .vr-title { font-size:26px; letter-spacing:-.04em; line-height:1; }
        .vr-witness-count { min-width:42px; height:34px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:13px; font-weight:900; }
        .vr-witness-list { max-height:254px; overflow-y:auto; display:grid; gap:10px; padding-right:2px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
        .vr-witness-card { width:100%; min-height:122px; border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:10px; display:grid; grid-template-columns:96px minmax(0,1fr); gap:12px; background:rgba(255,255,255,.08); color:#fff; text-align:left; cursor:pointer; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); }
        .vr-witness-person { min-width:0; }
        .vr-witness-portrait { height:92px; border-radius:14px; display:flex; align-items:flex-end; justify-content:center; padding:0 8px 9px; box-sizing:border-box; overflow:hidden; border:1px solid rgba(255,255,255,.16); position:relative; box-shadow:0 10px 24px rgba(0,0,0,.22); }
        .vr-witness-portrait::before { content:''; position:absolute; inset:12px 20px auto; height:46px; border-radius:999px 999px 14px 14px; background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.28),rgba(255,255,255,.08) 58%,transparent 60%); }
        .vr-witness-portrait.has-image::before { display:none; }
        .vr-witness-portrait span { position:relative; z-index:1; font-size:18px; font-weight:900; letter-spacing:.08em; color:rgba(255,255,255,.86); text-shadow:0 2px 12px rgba(0,0,0,.5); }
        .vr-witness-portrait.image-ready span { display:none; }
        .vr-witness-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center top; z-index:2; filter:saturate(.9) contrast(1.03); opacity:1; }
        .vr-witness-body { min-width:0; align-self:center; }
        .vr-witness-name { margin-top:7px; font-size:10px; font-weight:900; line-height:1.12; color:#fff; text-align:center; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
        .vr-witness-anchor { font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:color-mix(in srgb,var(--base-color),#fff 42%); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
        .vr-witness-summary { margin-top:6px; font-size:11px; line-height:1.32; color:rgba(255,255,255,.72); overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
        .vr-witness-more { display:inline-flex; margin-top:8px; padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.16); color:#fff; font-size:8px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
        .vr-icon { font-size:28px; margin-bottom:12px; color:rgba(255,255,255,0.85); }
        .vr-title { font-weight:900; font-size:18px; color:#fff; }
        .vr-muted { color:rgba(255,255,255,0.65); font-size:13px; line-height:1.35; margin-top:6px; }
        .vr-primary { width:100%; border:1px solid rgba(255,255,255,.22); border-radius:999px; padding:16px 20px; margin-top:14px; background:linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#fff 12%),color-mix(in srgb,var(--home-card-color),#000 42%)); color:#fff; font-weight:900; font-size:16px; cursor:pointer; box-shadow:0 10px 20px color-mix(in srgb,var(--home-card-color),transparent 78%); touch-action:manipulation; display:block; text-align:center; text-decoration:none; box-sizing:border-box; }
        .vr-small { border:1px solid var(--border-color,rgba(6,95,70,.16)); background:var(--soft-bg,#fff); color:var(--text-main,#064e3b); border-radius:999px; padding:10px 14px; font-weight:900; font-size:12px; cursor:pointer; touch-action:manipulation; }
        .vr-schedule-shell, .vr-profile-shell, .vr-treasure-shell, .vr-quotes-shell, .vr-themes-shell, .vr-witnesses-shell { position:fixed; inset:0; z-index:1800; background:linear-gradient(180deg,var(--home-bg-start) 0%,var(--home-bg-mid) 48%,var(--home-bg-end) 100%); color:var(--text-main); overflow-y:auto; padding:10px 12px; box-sizing:border-box; font-family:'Inter',sans-serif; display:none; isolation:isolate; }
        .vr-schedule-shell::before, .vr-profile-shell::before, .vr-treasure-shell::before, .vr-quotes-shell::before, .vr-themes-shell::before, .vr-witnesses-shell::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.3; background:linear-gradient(128deg,transparent 0 22%,color-mix(in srgb,var(--home-card-color),transparent 78%) 22% 34%,transparent 34% 58%,var(--home-river-shadow) 58% 68%,transparent 68%); }
        body.schedule-home-open .vr-schedule-shell { display:block; }
        body.profile-home-open .vr-profile-shell { display:block; }
        body.treasure-home-open .vr-treasure-shell { display:block; }
        body.quotes-home-open .vr-quotes-shell { display:block; }
        body.themes-home-open .vr-themes-shell { display:block; }
        body.witnesses-home-open .vr-witnesses-shell { display:block; }
        .vr-witness-detail-card { height:calc(var(--app-height,100dvh) - 86px); min-height:520px; display:flex; flex-direction:column; background:color-mix(in srgb,var(--drawer-bg),transparent 4%); border:1px solid var(--border-color); border-radius:18px; padding:14px; box-shadow:0 16px 34px rgba(0,0,0,.16); color:var(--text-main); overflow:hidden; }
        .vr-witness-fixed-verse { flex:0 0 auto; position:relative; z-index:2; padding-bottom:12px; background:linear-gradient(180deg,color-mix(in srgb,var(--drawer-bg),transparent 2%) 0%,color-mix(in srgb,var(--drawer-bg),transparent 9%) 100%); border-bottom:1px solid var(--border-color); }
        .vr-witness-detail-hero { width:82px; height:82px; border-radius:16px; margin:0 auto 12px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:8px; box-sizing:border-box; border:1px solid rgba(255,255,255,.14); box-shadow:0 12px 26px rgba(0,0,0,.24); position:relative; overflow:hidden; }
        .vr-witness-detail-hero::before { content:''; position:absolute; top:28px; left:50%; transform:translateX(-50%); width:92px; height:106px; border-radius:999px 999px 24px 24px; background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.28),rgba(255,255,255,.08) 58%,transparent 60%); }
        .vr-witness-detail-hero.has-image::before { display:none; }
        .vr-witness-detail-hero span { position:relative; z-index:1; color:rgba(255,255,255,.88); font-size:18px; font-weight:900; letter-spacing:.12em; text-shadow:0 4px 18px rgba(0,0,0,.55); }
        .vr-witness-detail-hero.image-ready span { display:none; }
        .vr-witness-detail-hero .vr-witness-img { object-position:center top; }
        .vr-witness-verse-block { padding:0 2px; }
        .vr-witness-detail-anchor { color:var(--base-color); font-size:12px; font-weight:900; line-height:1.38; margin:7px 0 0; }
        .vr-witness-read-scroll { flex:1 1 auto; min-height:0; overflow-y:auto; padding:14px 2px 4px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
        .vr-witness-detail-summary { font-size:14px; line-height:1.52; margin:7px 0 16px; color:color-mix(in srgb,var(--text-main),transparent 22%); }
        .vr-witness-detail-article { font-family:'Crimson Pro',Georgia,serif; font-size:18px; line-height:1.58; margin:8px 0 16px; color:color-mix(in srgb,var(--text-main),transparent 8%); white-space:pre-wrap; }
        .vr-witness-reflection { border-top:1px solid var(--border-color); margin-top:18px; padding-top:14px; }
        .vr-witness-reflection p { margin:7px 0 0; font-size:13px; line-height:1.52; color:color-mix(in srgb,var(--text-main),transparent 24%); }
        @media (max-width:560px){ .vr-witness-detail-card{height:calc(var(--app-height,100dvh) - 78px);min-height:0;padding:12px;} .vr-witness-detail-hero{width:74px;height:74px;} .vr-witness-detail-article{font-size:17px;line-height:1.56;} }
        .vr-quotes-tile { background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#c9a84c 24%) 0%,color-mix(in srgb,var(--home-card-color),#000 58%) 100%); }
        .vr-themes-tile { background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.2),transparent 28%),linear-gradient(145deg,color-mix(in srgb,var(--home-card-color),#60a5fa 22%) 0%,color-mix(in srgb,var(--home-card-color),#000 58%) 100%); }
        .vr-quotes-shell { --quote-base-color:#7c2fc0; --quote-card-color:#3d0f6b; --quote-font:'Quicksand',sans-serif; --quote-font-style:normal; --quote-font-weight:700; --quote-size:1.35rem; padding:0; overflow:hidden; color:#fff; background:radial-gradient(circle at 35% 22%,#3d0f6b 0%,#050007 70%); }
        .vr-quotes-shell::before { opacity:.18; background:radial-gradient(circle at center,color-mix(in srgb,var(--quote-base-color,#7c2fc0),transparent 72%) 0%,transparent 58%); }
        .vr-quotes-shell::after { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--quote-card-color,#3d0f6b),transparent 72%) 0%,transparent 54%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.46)); }
        .vr-quotes-top { position:fixed; top:20px; left:20px; right:20px; z-index:3; display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; }
        .vr-quotes-top .vr-icon-btn { pointer-events:auto; }
        .vr-quotes-top .vr-label { color:rgba(255,255,255,.58); font-size:8px; letter-spacing:.28em; }
        .vr-quotes-top .vr-logo { color:#fff; font-family:'Inter',sans-serif; font-weight:900; font-size:18px; line-height:1; text-shadow:0 8px 30px rgba(0,0,0,.45); }
        .vr-quotes-feed { height:100vh; height:100svh; height:var(--app-height,100dvh); overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; scroll-snap-stop:always; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
        .vr-quotes-feed.vr-quote-paging { scroll-snap-type:none; }
        .vr-quote-card { height:100vh; height:100svh; height:var(--app-height,100dvh); min-height:100vh; min-height:100svh; min-height:var(--app-height,100dvh); scroll-snap-align:start; scroll-snap-stop:always; display:flex; align-items:center; justify-content:center; padding:78px 34px 114px; box-sizing:border-box; }
        .vr-quote-inner { width:min(80%,500px); padding:0; text-align:center; background:transparent; border:0; box-shadow:none; backdrop-filter:none; }
        .vr-quote-mark { display:none; }
        .vr-quote-text { font-family:var(--quote-font,'Quicksand',sans-serif); color:#fff; font-size:var(--quote-size,1.35rem); font-style:var(--quote-font-style,normal); font-weight:var(--quote-font-weight,700); line-height:1.5; letter-spacing:0; text-shadow:0 2px 10px rgba(0,0,0,.36); overflow-wrap:anywhere; }
        .vr-quote-servant { margin-top:2rem; color:rgba(255,255,255,.64); font-family:'Inter',sans-serif; font-weight:900; font-size:.68rem; letter-spacing:.22em; text-transform:uppercase; }
        .vr-quote-theme { display:inline-flex; align-items:center; margin-top:1.05rem; padding:5px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.13); color:var(--quote-base-color,#fff); background:rgba(255,255,255,.08); font-size:.48rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; }
        .vr-quote-verses { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:1rem; }
        .vr-quote-verse { border:1px solid rgba(255,255,255,.11); border-radius:999px; padding:6px 10px; color:rgba(255,255,255,.72); background:rgba(255,255,255,.06); font-size:.62rem; font-weight:800; }
        .vr-quotes-nav { position:fixed; left:50%; bottom:14px; transform:translateX(-50%); z-index:4; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; width:min(90vw,390px); padding:6px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter:blur(16px); box-shadow:0 14px 42px rgba(0,0,0,.3); }
        .vr-quotes-nav-btn { border:0; border-radius:999px; min-height:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:transparent; color:rgba(255,255,255,.58); cursor:pointer; font-size:7px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
        .vr-quotes-nav-btn svg { width:18px; height:18px; stroke-width:2.3; }
        .vr-quotes-nav-btn.active { color:#000; background:#fff; box-shadow:0 8px 22px rgba(255,255,255,.18); }
        .vr-quotes-shell[data-quote-jacob-theme="solomons-temple"] { background:radial-gradient(circle at 40% 20%,#2a1a00 0%,#050300 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="burning-bush"] { background:radial-gradient(circle at 50% 80%,#2a0a00 0%,#080200 65%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="red-sea"] { background:radial-gradient(circle at 30% 50%,#001a2e 0%,#000810 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="eden"] { background:radial-gradient(circle at 60% 40%,#001a0a 0%,#000804 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="holy-of-holies"] { background:radial-gradient(circle at 50% 20%,#2a0010 0%,#080005 65%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="midnight-prayer"] { background:radial-gradient(ellipse at 50% 0%,#0c0c20 0%,#02020a 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="river-euphrates"] { background:radial-gradient(circle at 40% 60%,#001530 0%,#000610 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="ancient-scroll"] { background:radial-gradient(circle at 50% 60%,#1a0e00 0%,#060300 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="throne-room"] { background:radial-gradient(circle at 30% 20%,#1a0a2e 0%,#060310 65%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="holy-smoke"] { background:radial-gradient(ellipse at 40% 50%,#141418 0%,#050508 70%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="garden-tomb"] { background:radial-gradient(ellipse at 30% 30%,#1a0a2e 0%,#060310 45%),radial-gradient(ellipse at 70% 70%,#2a0a00 0%,transparent 50%) !important; }
        .vr-quotes-shell[data-quote-jacob-theme="promised-land"] { background:radial-gradient(circle at 50% 50%,#002218 0%,#000a08 70%) !important; }
        .vr-themes-shell { padding:0; overflow:hidden; color:#fff; background:#000; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
        .vr-themes-shell::before { opacity:.16; background:radial-gradient(circle at center,color-mix(in srgb,var(--base-color,#7c2fc0),transparent 72%) 0%,transparent 58%); }
        .vr-themes-top { position:fixed; top:14px; left:14px; right:14px; z-index:5; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:8px; }
        .vr-themes-search { height:40px; display:flex; align-items:center; gap:6px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:rgba(255,255,255,.08); backdrop-filter:blur(16px); padding:0 8px 0 14px; }
        .vr-themes-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#fff; font-family:'Inter',sans-serif; font-size:16px; font-weight:800; line-height:1.2; }
        .vr-themes-search input::placeholder { color:rgba(255,255,255,.45); }
        .vr-themes-search button { width:28px; height:28px; border:0; border-radius:50%; background:#fff; color:#000; display:flex; align-items:center; justify-content:center; }
        .vr-themes-search button svg { width:14px; height:14px; }
        .vr-theme-suggestions { position:fixed; top:60px; left:62px; right:78px; z-index:8; display:none; max-height:min(42vh,260px); overflow:auto; padding:6px; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(10,10,12,.9); backdrop-filter:blur(18px); box-shadow:0 18px 54px rgba(0,0,0,.34); }
        .vr-theme-suggestions.open { display:block; }
        .vr-theme-suggestion { width:100%; border:0; border-radius:12px; background:transparent; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 10px; text-align:left; cursor:pointer; }
        .vr-theme-suggestion:hover,.vr-theme-suggestion:focus { background:rgba(255,255,255,.09); outline:0; }
        .vr-theme-suggestion strong { font-size:13px; font-weight:900; }
        .vr-theme-suggestion span { color:rgba(255,255,255,.5); font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; white-space:nowrap; }
        .vr-themes-progress { min-width:56px; padding:7px 9px; border-radius:999px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); text-align:center; font-size:10px; font-weight:900; letter-spacing:.08em; }
        .vr-themes-status { position:fixed; top:66px; left:50%; transform:translateX(-50%); z-index:4; max-width:min(86vw,420px); color:rgba(255,255,255,.54); font-size:10px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; text-align:center; }
        .vr-themes-feed { height:100vh; height:100svh; height:var(--app-height,100dvh); overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; scroll-snap-stop:always; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }
        .vr-themes-feed.vr-theme-paging { scroll-snap-type:none; }
        .vr-theme-card { height:100vh; height:100svh; height:var(--app-height,100dvh); min-height:100vh; min-height:100svh; min-height:var(--app-height,100dvh); scroll-snap-align:start; scroll-snap-stop:always; display:flex; align-items:center; justify-content:center; padding:92px 28px 78px; box-sizing:border-box; text-align:center; overflow:hidden; }
        .vr-theme-inner { width:min(100%,620px); max-height:72vh; overflow:hidden; }
        .vr-theme-text { font-family:var(--verse-font,'Quicksand',sans-serif); color:#fff; font-size:clamp(1.05rem,4.6vw,1.75rem); font-weight:700; line-height:1.34; letter-spacing:0; text-shadow:0 2px 10px rgba(0,0,0,.36); overflow-wrap:anywhere; }
        .vr-theme-ref { margin-top:1.65rem; color:rgba(255,255,255,.65); font-size:.68rem; font-weight:900; letter-spacing:.22em; text-transform:uppercase; }
        .vr-strong-inner { width:min(86%,560px); max-height:76vh; }
        .vr-strong-number { display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.16); color:var(--icon-color,#fff); font-size:.78rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
        .vr-strong-word { margin-top:1rem; color:#fff; font-family:var(--verse-font,'Crimson Pro',serif); font-size:clamp(1.85rem,8vw,3.2rem); font-weight:800; line-height:1.06; text-shadow:0 2px 10px rgba(0,0,0,.36); overflow-wrap:anywhere; }
        .vr-strong-word em { display:block; margin-top:.5rem; color:rgba(255,255,255,.74); font-family:'Inter',sans-serif; font-size:.82rem; font-style:normal; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
        .vr-strong-definition { margin:1.15rem auto 0; max-width:540px; color:rgba(255,255,255,.82); font-size:1.05rem; font-weight:700; line-height:1.46; }
        .vr-strong-renderings { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:1rem 0 1.3rem; }
        .vr-strong-renderings button { border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:7px 11px; color:rgba(255,255,255,.76); background:rgba(255,255,255,.06); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; cursor:pointer; }
        .vr-strong-renderings button:active { transform:scale(.96); background:rgba(255,255,255,.14); color:#fff; }
        .vr-strong-inner .vr-theme-text { font-size:clamp(.98rem,4vw,1.45rem); line-height:1.34; }
        .vr-theme-empty { height:100%; display:flex; align-items:center; justify-content:center; padding:2rem; color:rgba(255,255,255,.58); font-size:.78rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; text-align:center; }
        .vr-schedule-wrap { max-width:720px; margin:0 auto; padding-bottom:56px; }
        .vr-schedule-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
        .vr-schedule-top .vr-section-title { font-size:18px; }
        .vr-schedule-top .vr-logo { color:#ecfdf5; text-shadow:0 2px 16px rgba(0,0,0,.22); }
        .vr-schedule-top .vr-sub { color:rgba(236,253,245,.72); }
        .vr-icon-btn { width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,0.15); background:linear-gradient(135deg, color-mix(in srgb,var(--home-card-color,#3d0f6b),#fff 20%) 0%, var(--home-bg-end,#0d0220) 100%); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.35); }
        .vr-icon-btn svg { width:16px; height:16px; }
        .vr-schedule-card { background:color-mix(in srgb,var(--drawer-bg),transparent 4%); border:1px solid var(--border-color); border-radius:14px; padding:10px; box-shadow:0 14px 30px rgba(0,0,0,.13); margin-bottom:8px; backdrop-filter:blur(12px); }
        .vr-segment { display:grid; grid-template-columns:1fr 1fr; gap:4px; background:color-mix(in srgb,var(--base-color),transparent 86%); border-radius:10px; padding:3px; margin:6px 0; }
        .vr-segment button,.vr-plan-btn,.vr-pace-btn,.vr-session-count button { border:0; border-radius:9px; padding:7px 8px; background:transparent; color:color-mix(in srgb,var(--text-main),transparent 38%); font-size:12px; font-weight:900; cursor:pointer; }
        .vr-segment button.active,.vr-session-count button.active { background:color-mix(in srgb,var(--drawer-bg),var(--base-color) 8%); color:var(--base-color); box-shadow:0 2px 7px rgba(0,0,0,.08); }
        .vr-plan-list { display:grid; grid-template-columns:1fr 1fr; gap:6px; max-height:178px; overflow:auto; padding-right:2px; }
        .vr-plan-btn { border:1px solid var(--border-color); background:color-mix(in srgb,var(--drawer-bg),transparent 3%); text-align:left; color:var(--text-main); }
        .vr-plan-btn.active { border-color:color-mix(in srgb,var(--base-color),transparent 18%); background:color-mix(in srgb,var(--base-color),transparent 88%); color:var(--base-color); }
        .vr-plan-meta { display:block; margin-top:2px; color:color-mix(in srgb,var(--text-main),transparent 48%); font-size:8px; letter-spacing:.06em; text-transform:uppercase; }
        .vr-pace-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; }
        .vr-pace-btn { border:1px solid var(--border-color); background:color-mix(in srgb,var(--drawer-bg),transparent 3%); color:var(--text-main); min-height:48px; }
        .vr-pace-btn.active { border-color:color-mix(in srgb,var(--base-color),transparent 18%); background:color-mix(in srgb,var(--base-color),transparent 88%); color:var(--base-color); }
        .vr-input { width:100%; box-sizing:border-box; border:1px solid var(--border-color); border-radius:10px; padding:8px 10px; font-weight:800; color:var(--text-main); background:color-mix(in srgb,var(--drawer-bg),transparent 3%); outline:none; }
        .vr-custom-time { display:flex; justify-content:center; gap:8px; margin-top:8px; }
        .vr-custom-field { flex:0 1 170px; text-align:center; }
        .vr-custom-field label { display:block; margin-bottom:4px; color:var(--base-color); font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
        .vr-custom-field .vr-input { text-align:center; font-size:18px; font-weight:900; }
        .vr-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
        .vr-stat { background:color-mix(in srgb,var(--drawer-bg),var(--base-color) 5%); border:1px solid var(--border-color); border-radius:12px; padding:8px 6px; text-align:center; }
        .vr-stat strong { display:block; font-size:18px; color:var(--text-main); }
        .vr-stat span { color:color-mix(in srgb,var(--text-main),transparent 48%); font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
        .vr-book-progress { display:grid; gap:7px; margin-top:8px; }
        .vr-book-row { display:grid; grid-template-columns:92px 1fr 48px; gap:8px; align-items:center; color:var(--text-main); font-size:11px; font-weight:900; }
        .vr-book-meter { height:8px; border-radius:999px; background:color-mix(in srgb,var(--base-color),transparent 86%); overflow:hidden; }
        .vr-book-meter span { display:block; height:100%; border-radius:999px; background:var(--base-color); }
        .vr-profile-empty { padding:28px 12px; text-align:center; color:color-mix(in srgb,var(--text-main),transparent 36%); font-size:13px; line-height:1.4; }
        .vr-profile-card { display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(236,253,245,.13); border:1px solid rgba(236,253,245,.24); border-radius:18px; padding:12px; margin-bottom:14px; color:#ecfdf5; box-shadow:0 14px 28px rgba(0,0,0,.14); backdrop-filter:blur(12px); }
        .vr-profile-left { display:flex; align-items:center; gap:10px; min-width:0; }
        .vr-avatar { width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.16); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; overflow:hidden; flex:0 0 auto; }
        .vr-avatar img { width:100%; height:100%; object-fit:cover; display:block; }
        .vr-profile-name { font-weight:900; font-size:14px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
        .vr-profile-meta { font-size:11px; color:rgba(236,253,245,.76); line-height:1.35; margin-top:2px; }
        .vr-pref-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid var(--border-color); }
        .vr-pref-row:first-child { border-top:0; }
        .vr-pref-row strong { display:block; font-size:12px; color:var(--text-main); }
        .vr-pref-row span { display:block; font-size:10px; color:color-mix(in srgb,var(--text-main),transparent 44%); margin-top:2px; }
        .vr-time-pref { align-items:flex-start; }
        .vr-session-count { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; background:color-mix(in srgb,var(--base-color),transparent 86%); border-radius:12px; padding:3px; }
        .vr-session-row { display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid var(--border-color); border-radius:12px; padding:8px; background:color-mix(in srgb,var(--drawer-bg),transparent 3%); margin-top:6px; }
        .vr-session-main { min-width:0; }
        .vr-session-main strong { display:block; color:var(--text-main); font-size:13px; }
        .vr-session-main span { color:color-mix(in srgb,var(--text-main),transparent 42%); font-size:10px; font-weight:800; }
        .vr-session-time-wrap { flex:0 0 192px; display:flex; align-items:center; gap:6px; }
        .vr-time-input { flex:1 1 auto; width:0; min-width:0; font-size:18px; line-height:1.2; }
        .vr-session-alarm-btn { flex:0 0 34px; width:34px; height:34px; border-radius:50%; border:1px solid var(--border-color); background:color-mix(in srgb,var(--drawer-bg),transparent 6%); color:color-mix(in srgb,var(--text-main),transparent 28%); display:flex; align-items:center; justify-content:center; cursor:pointer; }
        .vr-session-alarm-btn.active { background:color-mix(in srgb,var(--base-color),transparent 84%); color:var(--base-color); border-color:color-mix(in srgb,var(--base-color),transparent 62%); }
        .vr-session-alarm-btn svg { width:15px; height:15px; }
        .vr-alarm-row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
        .vr-alarm-status { min-width:0; }
        .vr-alarm-status strong { display:block; color:var(--text-main); font-size:13px; }
        .vr-alarm-status span { color:color-mix(in srgb,var(--text-main),transparent 42%); font-size:10px; font-weight:800; }
        .vr-alarm-list { display:grid; gap:6px; margin-top:8px; }
        .vr-alarm-chip { display:flex; justify-content:space-between; gap:8px; align-items:center; border:1px solid var(--border-color); border-radius:12px; padding:8px 10px; background:color-mix(in srgb,var(--drawer-bg),transparent 3%); }
        .vr-alarm-chip strong { color:var(--text-main); font-size:12px; }
        .vr-alarm-chip span { color:color-mix(in srgb,var(--text-main),transparent 42%); font-size:10px; font-weight:800; text-align:right; }
        .vr-progress-bar { height:9px; border-radius:999px; background:color-mix(in srgb,var(--base-color),transparent 86%); overflow:hidden; padding:2px; }
        .vr-progress-fill { height:100%; border-radius:999px; background:var(--base-color); transition:width .3s ease; }
        .vr-schedule-actions { display:flex; gap:6px; align-items:center; }
        .vr-schedule-start-btn { width:100%; border:0; border-radius:14px; padding:14px 16px; background:#111827; color:#fff; font-size:14px; font-weight:900; cursor:pointer; box-shadow:0 12px 24px rgba(0,0,0,.16); }
        .vr-schedule-start-btn:disabled { opacity:.5; cursor:not-allowed; }
        .vr-mini-action { border:0; border-radius:999px; background:var(--base-color); color:#06251d; padding:8px 10px; font-size:10px; font-weight:900; cursor:pointer; white-space:nowrap; }
        .vr-mini-action.secondary { background:color-mix(in srgb,var(--base-color),transparent 88%); color:var(--base-color); border:1px solid color-mix(in srgb,var(--base-color),transparent 72%); }
        .vr-confirm-overlay { position:fixed; inset:0; z-index:7000; display:flex; align-items:center; justify-content:center; padding:18px; background:rgba(0,0,0,.65); backdrop-filter:blur(4px); }
        .vr-confirm-card { width:min(92vw,330px); border:1px solid var(--border-color,rgba(236,253,245,.22)); border-radius:18px; background:linear-gradient(180deg,var(--home-bg-start,#07382e),var(--home-bg-end,#021712)); color:var(--text-main,#ecfdf5); padding:16px; box-shadow:0 24px 70px rgba(0,0,0,.46); text-align:left; }
        .vr-confirm-mark { width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(244,63,94,.16); border:1px solid rgba(251,113,133,.5); color:#fecdd3; font-weight:900; margin-bottom:10px; }
        .vr-confirm-kicker { color:var(--base-color,#6ee7b7); font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; margin-bottom:4px; }
        .vr-confirm-card h3 { margin:0; font-size:20px; line-height:1.1; color:var(--text-main,#fff); letter-spacing:-.03em; }
        .vr-confirm-card p { margin:9px 0 14px; color:color-mix(in srgb,var(--text-main,#ecfdf5),transparent 28%); font-size:13px; line-height:1.38; }
        .vr-confirm-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
        .vr-confirm-btn { border-radius:999px; padding:10px 12px; border:1px solid var(--border-color,rgba(236,253,245,.18)); font-size:12px; font-weight:900; cursor:pointer; }
        .vr-confirm-btn.secondary { background:color-mix(in srgb,var(--text-main,#ecfdf5),transparent 88%); color:var(--text-main,#ecfdf5); }
        .vr-confirm-btn.danger { background:#ef4444; color:#fff; border-color:#ef4444; }
        .vr-treasure-tabs { display:grid; grid-template-columns:1fr 1fr; gap:4px; background:color-mix(in srgb,var(--base-color),transparent 86%); border-radius:12px; padding:3px; margin-bottom:8px; }
        .vr-treasure-tabs button { border:0; border-radius:10px; padding:9px 8px; background:transparent; color:color-mix(in srgb,var(--text-main),transparent 38%); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; cursor:pointer; }
        .vr-treasure-tabs button.active { background:color-mix(in srgb,var(--drawer-bg),var(--base-color) 8%); color:var(--base-color); box-shadow:0 2px 7px rgba(0,0,0,.08); }
        .vr-treasure-list { display:grid; gap:8px; }
        .vr-treasure-item { position:relative; border:1px solid var(--border-color); border-radius:14px; padding:12px 42px 12px 12px; background:color-mix(in srgb,var(--drawer-bg),transparent 3%); box-shadow:0 14px 30px rgba(0,0,0,.13); cursor:pointer; }
        .vr-treasure-item strong { display:block; color:var(--text-main); font-size:13px; margin-bottom:4px; }
        .vr-treasure-item p { margin:0; color:color-mix(in srgb,var(--text-main),transparent 30%); font-size:12px; line-height:1.45; }
        .vr-treasure-delete { position:absolute; top:9px; right:9px; width:26px; height:26px; border-radius:50%; border:1px solid var(--border-color); background:transparent; color:color-mix(in srgb,var(--text-main),transparent 25%); cursor:pointer; }
        button:disabled, input:disabled { cursor:not-allowed; opacity:.5; }
        @media (max-width:560px){ #vr-home{padding:18px;} .vr-grid{grid-template-columns:1fr 1fr;gap:10px;} .vr-tile{min-height:118px;padding:14px;} .vr-flow-tile{min-height:140px;padding:18px;} .vr-flow-tile .vr-title{font-size:26px;} .vr-flow-tile .vr-muted{max-width:62%;} .vr-flow-pill{right:14px;bottom:14px;padding:8px 12px;} .vr-icon{font-size:23px;margin-bottom:10px;} .vr-title{font-size:16px;} .vr-muted{font-size:12px;} .vr-ref-grid{gap:5px;} .vr-ref-btn{font-size:10px;padding:8px 2px;} .vr-verse{font-size:24px;} .vr-verse-picture .vr-verse{font-size:36px;} .vr-plan-list{grid-template-columns:1fr 1fr;max-height:150px;} .vr-pace-grid{grid-template-columns:repeat(4,1fr);} .vr-custom-time{gap:6px;} .vr-custom-field{flex-basis:170px;} .vr-stat-grid{grid-template-columns:1fr 1fr 1fr;} .vr-session-row{align-items:center;flex-direction:row;} .vr-session-time-wrap{flex-basis:184px;} .vr-time-input{padding-left:9px;padding-right:8px;} .vr-schedule-actions{width:auto;} .vr-mini-action{flex:0 0 auto;} }
        #app-loader { position:fixed; inset:0; z-index:5000; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg,#04382d 0%,#06251d 48%,#021712 100%); transition:opacity .18s ease, visibility .18s ease; }
        #app-loader.hide { opacity:0; visibility:hidden; pointer-events:none; }
        .loader-card { width:min(42vw,210px); aspect-ratio:1; border-radius:28px; overflow:hidden; box-shadow:0 28px 80px rgba(0,0,0,.45); animation:loaderPulse 1.8s ease-in-out infinite; }
        .loader-card img { width:100%; height:100%; object-fit:cover; display:block; }
        @keyframes loaderPulse { 0%,100% { transform:scale(1); opacity:.92; } 50% { transform:scale(1.035); opacity:1; } }