@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/outfit-v15-latin-ext/outfit-v15-latin-ext-300.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/outfit-v15-latin/outfit-v15-latin-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/outfit-v15-latin-ext/outfit-v15-latin-ext-regular.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/outfit-v15-latin/outfit-v15-latin-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/outfit-v15-latin-ext/outfit-v15-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/outfit-v15-latin/outfit-v15-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/outfit-v15-latin-ext/outfit-v15-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/outfit-v15-latin/outfit-v15-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin-ext/jetbrains-mono-v24-latin-ext-300.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin/jetbrains-mono-v24-latin-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin-ext/jetbrains-mono-v24-latin-ext-regular.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin/jetbrains-mono-v24-latin-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin-ext/jetbrains-mono-v24-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/jetbrains-mono-v24-latin/jetbrains-mono-v24-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-300.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-regular.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-800.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:optional;src:url(/assets/fonts/inter-v20-latin-ext/inter-v20-latin-ext-300italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:optional;src:url(/assets/fonts/inter-v20-latin/inter-v20-latin-300italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #050507;--glass: rgba(255,255,255,.06);--accent: #e8b820;--gold: #c8a84b;--gold-light: #f0dea0;--gold-dark: #a07010;--alabaster: #f0ede8;--dim: rgba(240,237,232,.55);--mono: rgba(240,237,232,.2);--fd: "Outfit", sans-serif;--fs: ui-serif, Georgia, "Times New Roman", Times, serif;--fm: "JetBrains Mono", monospace;--fi: "Inter", sans-serif;--bg-deep: #050507;--text-shadow: 0 2px 8px rgba(0,0,0,.7);--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--viewport-unit: clamp(.8rem, 1.5vw + .5vh, 1.5rem);--panel-height: clamp(100px, 15vh, 180px);--panel-padding-block: clamp(.25rem, 1.5vh, 1rem);--panel-padding-inline: clamp(.4rem, 2vw, 1.25rem);--nav-padding-block: clamp(.2rem, 1vh, 1rem);--nav-padding-inline: clamp(.1rem, 1.5vw, .75rem);--control-gap: clamp(2px, .5vw, 8px);--scripture-font-size: clamp(.8rem, 2vw + .5vh, 1.3rem);--mystery-title-size: clamp(9px, 1.2vw, 14px);--mystery-announcement-size: clamp(8px, 1vw, 11px);--step-counter-size: clamp(.65rem, 1.5vw, .85rem);--button-font-size: clamp(.55rem, 1.8vw, .75rem);--button-letter-spacing: clamp(.15em, .5vw, .35em);--button-padding: clamp(.2rem, .8vw, .6rem) clamp(.4rem, 1.2vw, .8rem);--nav-btn-size: clamp(36px, 8vw, 48px);--bead-small: clamp(6px, 1.5vw, 10px);--bead-large: clamp(9px, 2vw, 14px);--bead-special: clamp(8px, 1.8vw, 12px);--bead-gap: clamp(3px, .8vw, 6px);--cross-size: clamp(10px, 2.2vw, 16px);--cross-visual-width: calc(clamp(13px, 2.78vw, 22px)*1.1) ;--cross-bar-thickness: clamp(2.5px, .5vw, 4px);--progress-cross-gap: 3px;--progress-edge-inset: clamp(10px, 2.8vw, 18px);--mobile-text-scale: 1;--overlay-bg: rgba(5, 5, 7, .88);--dialog-bg: rgba(10, 10, 12, .85);--dialog-border: rgba(255, 255, 255, .08);--choice-bg: rgba(255, 255, 255, .015);--choice-hover-bg: rgba(255, 255, 255, .055);--choice-selected-bg: rgba(232, 184, 32, .06);--choice-hover-border: rgba(255, 255, 255, .14);--choice-selected-border: rgba(232, 184, 32, .28);--btn-color: rgba(255, 255, 255, .9);--btn-hover-color: #fff;--btn-muted: rgba(255, 255, 255, .6);--surface-subtle: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .08);--gold-gradient: linear-gradient(135deg, var(--accent), var(--gold-dark));--gold-gradient-3: linear-gradient(90deg, var(--accent), var(--gold-dark), var(--gold));--sidebar-bg: rgba(5, 5, 7, .88);--search-bg: rgba(255, 255, 255, .05);--search-focus-bg: rgba(255, 255, 255, .07);--search-focus-border: rgba(232, 184, 32, .35);--scrollbar-track: transparent;--scrollbar-thumb: rgba(232, 184, 32, .2);--scrollbar-thumb-hover: rgba(232, 184, 32, .35);--toast-bg: rgba(5, 5, 7, .92);--loading-bg: rgba(5, 5, 7, .85);--voice-picker-bg: rgba(12, 12, 14, .96);--voice-picker-border: rgba(255, 255, 255, .1);--voice-opt-color: rgba(255, 255, 255, .6);--voice-opt-hover-bg: rgba(255, 255, 255, .07);--voice-opt-hover-color: rgba(255, 255, 255, .92);--voice-opt-active-color: var(--gold);--voice-opt-active-bg: rgba(200, 168, 75, .08)}html[data-theme=light]{color-scheme:light;--bg: #f3efe6;--glass: rgba(0, 0, 0, .07);--accent: #2c2416;--gold: #8a6d1e;--gold-light: #c8a84b;--gold-dark: #6b5010;--alabaster: #0f0d0a;--dim: rgba(15, 13, 10, .55);--mono: rgba(15, 13, 10, .3);--bg-deep: #f3efe6;--text-shadow: 0 1px 2px rgba(0, 0, 0, .08);--overlay-bg: #f3efe6;--dialog-bg: #f3efe6;--dialog-border: rgba(0, 0, 0, .08);--choice-bg: rgba(0, 0, 0, .02);--choice-hover-bg: rgba(0, 0, 0, .05);--choice-selected-bg: rgba(160, 112, 16, .08);--choice-hover-border: rgba(0, 0, 0, .12);--choice-selected-border: rgba(160, 112, 16, .25);--btn-color: var(--alabaster);--btn-hover-color: var(--alabaster);--btn-muted: rgba(15, 13, 10, .6);--surface-subtle: rgba(0, 0, 0, .03);--surface-hover: rgba(0, 0, 0, .05);--border-subtle: rgba(0, 0, 0, .08);--gold-gradient: linear-gradient(135deg, #e8b820, #a07010);--gold-gradient-3: linear-gradient(90deg, #e8b820, #a07010, #c8a84b);--sidebar-bg: #f3efe6;--search-bg: rgba(0, 0, 0, .04);--search-focus-bg: rgba(0, 0, 0, .06);--search-focus-border: rgba(138, 109, 30, .4);--scrollbar-track: transparent;--scrollbar-thumb: rgba(232, 184, 32, .2);--scrollbar-thumb-hover: rgba(232, 184, 32, .35);--toast-bg: rgba(255, 255, 255, .95);--loading-bg: rgba(248, 246, 242, .9);--voice-picker-bg: rgba(240, 236, 226, .98);--voice-picker-border: rgba(0, 0, 0, .1);--voice-opt-color: rgba(15, 13, 10, .6);--voice-opt-hover-bg: rgba(0, 0, 0, .05);--voice-opt-hover-color: rgba(15, 13, 10, .92);--voice-opt-active-color: #8a6d1e;--voice-opt-active-bg: rgba(160, 112, 16, .08)}html[data-theme=light] .mystery-dialog{background:#f3efe6;border-color:#00000014}html[data-theme=light] .mystery-choice{background:#00000005;border-color:#00000014;color:var(--alabaster)}html[data-theme=light] .mystery-choice:hover{background:#0000000d;border-color:#0000001f}html[data-theme=light] .mystery-choice.selected{background:#a0701014;border-color:#a0701040}html[data-theme=light] .progress-bar:before{background:linear-gradient(to bottom,#0009,#0006,#0000)}html[data-theme=light] .progress-bead:before{background:radial-gradient(circle at 35% 35%,#c8c4be,#a8a29c 40%,#78746e,#504c48);box-shadow:0 1px 2px #0000001f}html[data-theme=light] .progress-bead.large:before{background:radial-gradient(circle at 35% 35%,#d0ccc6,#b0a89e 40%,#888078,#585248)}html[data-theme=light] .progress-bead.cross:before{background:linear-gradient(180deg,#e0c878,#c9a040 40%,#9a7018,#5c4010);box-shadow:none}html[data-theme=light] .progress-bead.cross.active:before{background:linear-gradient(180deg,#f0e6c8,#e0c870,#b88820 70%,#5c3d0a)!important;box-shadow:0 0 clamp(3px,.8vw,6px) #fffcebe6,0 0 clamp(6px,1.5vw,10px) #fffadc4d;border:none}html[data-theme=light] .progress-bead.cross.completed:before{background:linear-gradient(180deg,#e0c878,#c9a040 40%,#9a7018,#5c4010)!important;box-shadow:0 0 clamp(2px,.5vw,4px) #fffceb80;border:none}html[data-theme=light] .progress-bead.special:before{background:linear-gradient(180deg,#e2c858,#d4a840 40%,#a67c20,#6b4a0a);box-shadow:0 1px 2px #00000040}html[data-theme=light] .progress-bead.special.active:before{background:linear-gradient(180deg,#f0e6c8,#e0c870,#b88820 70%,#5c3d0a)!important;box-shadow:0 0 clamp(3px,.8vw,6px) #fffcebe6,0 0 clamp(6px,1.5vw,10px) #fffadc4d;border:none}html[data-theme=light] .progress-bead.special.completed:before{background:linear-gradient(180deg,#e2c858,#d4a840 40%,#a67c20,#6b4a0a)!important;box-shadow:0 0 clamp(2px,.5vw,4px) #fffceb80;border:none}html[data-theme=light] .nav-btn{color:var(--alabaster)}html[data-theme=light] .mystery-btn,html[data-theme=light] .reset-btn,html[data-theme=light] .audio-btn,html[data-theme=light] .music-btn{color:var(--alabaster);text-shadow:0 1px 2px rgba(0,0,0,.08)}html[data-theme=light] .mystery-btn:hover,html[data-theme=light] .reset-btn:hover,html[data-theme=light] .audio-btn:hover,html[data-theme=light] .music-btn:hover{color:var(--alabaster)}html[data-theme=light] .mystery-btn:hover svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.15))}html[data-theme=light] .step-counter{color:var(--alabaster);text-shadow:0 1px 2px rgba(0,0,0,.08)}html[data-theme=light] .step-counter:hover .rosary-map-icon{filter:drop-shadow(0 0 4px rgba(138,109,30,.4))}html[data-theme=light] #mystery-title{color:#dcb432f2;text-shadow:0 1px 3px rgba(0,0,0,.1)}html[data-theme=light] body.force-desktop-layout .sidebar-header #mystery-title{background:linear-gradient(135deg,#c9a030,#e8c858,#f8e878);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}html[data-theme=light] .mystery-overlay .mystery-dialog{background:#f3efe6;border-color:#0000001a}html[data-theme=light] .mystery-overlay .mystery-dialog-title{color:var(--alabaster)}html[data-theme=light] .mystery-overlay .mystery-choice{background:#00000005;color:var(--alabaster)}html[data-theme=light] .mystery-overlay .mystery-choice:hover{background:#0000000d;border-color:#0000001f;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}html[data-theme=light] .mystery-overlay .mystery-choice.selected{background:#a070101a;border-color:#a070104d}html[data-theme=light] .mystery-overlay .mystery-action-secondary:hover{background:#0000000a}html[data-theme=light] .language-menu{background:#f7f1e7f5;border-color:#0f0d0a1f;box-shadow:0 16px 36px #00000024}html[data-theme=light] .language-item{color:var(--dim)}html[data-theme=light] .language-item:hover,html[data-theme=light] .language-item:focus-visible{background:#0000000d;color:var(--alabaster)}html[data-theme=light] .language-item:active{background:#00000014}html[data-theme=light] .language-item.current{background:#a0701014;color:var(--accent)}html[data-theme=light] .mystery-overlay .mystery-action,html[data-theme=light] .mystery-overlay .mystery-action-primary{background:linear-gradient(135deg,#c9a030,#e0b840);color:#1a1408;box-shadow:0 4px 24px #c8a84b40,0 0 0 1px #c8a84b33}html[data-theme=light] .stats-row{background:#00000008;border-color:#00000014}html[data-theme=light] .stats-count,html[data-theme=light] .stats-total-count{color:#e8b820}html[data-theme=light] .stats-reset-btn:hover{border-color:#0003;background:#0000000f}html[data-theme=light] .mystery-overlay .mystery-dialog:before{background:linear-gradient(90deg,#e8b820,#a07010,#c8a84b)}html[data-theme=light] .mystery-overlay .mystery-dialog-title.gold{background:linear-gradient(135deg,#e8b820,#a07010,#c8a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .mystery-overlay .mystery-choice:before{background:linear-gradient(90deg,#e8b820,#a07010,#c8a84b)}html[data-theme=light] .mystery-overlay .mystery-action,html[data-theme=light] .mystery-overlay .mystery-action-primary,html[data-theme=light] .info-tab.active{background:linear-gradient(135deg,#e8b820,#a07010)}html[data-theme=light] .attribution-title{background:linear-gradient(135deg,#e8b820,#a07010,#c8a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .error-screen{color:#0f0d0a;background-color:#f3efe6;background-image:linear-gradient(155deg,rgba(200,168,75,.16) 0%,transparent 35%),linear-gradient(210deg,transparent 0%,rgba(108,136,163,.11) 46%,transparent 78%),linear-gradient(180deg,#f7f1e7,#f1e7d9 52%,#ece1d0)}html[data-theme=light] .error-screen h1{color:#0f0d0a;background:none;-webkit-text-fill-color:currentColor}html[data-theme=light] .error-screen p{color:#0f0d0a99}html[data-theme=light] .error-screen button{background:#ffffff8c;border-color:#0f0d0a24;color:#0f0d0a}html[data-theme=light] .global-loading{background:#f8f6f2e6}html[data-theme=light] .loading-message{color:var(--dim)}html[data-theme=light] .vr-toast{background:#fffffff2;color:var(--dim);border-color:#0000001a}html[data-theme=light] .install-title{color:var(--alabaster)}html[data-theme=light] .install-steps{color:var(--dim)}html[data-theme=light] .step-content strong{color:var(--alabaster)}html[data-theme=light] .install-step-alt{background:#0000000a;border-color:#00000014;color:var(--dim)}html[data-theme=light] .install-step-alt strong{color:#b89420}html[data-theme=light] .step-number{background:linear-gradient(135deg,#e8b820,#a07010);color:#1a1408}html[data-theme=light] body.force-desktop-layout .sidebar-panel{background:#f3efe6!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#0000001a!important}html[data-theme=light] body.force-desktop-layout .sidebar-panel .nav-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .mystery-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .reset-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .audio-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .music-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter{color:var(--alabaster);text-shadow:none;filter:none}html[data-theme=light] body.force-desktop-layout .sidebar-panel .nav-btn:hover:not(:disabled),html[data-theme=light] body.force-desktop-layout .sidebar-panel .mystery-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .reset-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .audio-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .music-btn:hover{color:var(--alabaster)}html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter .rosary-map-icon,html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter:hover .rosary-map-icon{filter:none}html[data-theme=light] body.force-desktop-layout .app-shell .progress-bar:before{background:transparent!important}html[data-theme=light] body.force-desktop-layout .sidebar-inner .scripture-ref{color:#0f0d0ae6;text-shadow:none}html[data-theme=light] body.force-desktop-layout .sidebar-inner .mystery-title-ref{text-shadow:none;background:linear-gradient(135deg,#9a7a18,#c9a030,#e8c858);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] body.force-desktop-layout .sidebar-panel:before{background:linear-gradient(90deg,transparent,#a07010,#c8a84b,#8a6d1e,transparent);opacity:.55}html[data-theme=light] body.force-desktop-layout .sidebar-inner #sidebar-nav-slot .panel-navigation{background:#00000005!important;border-top-color:#00000014}html[data-theme=light] .sidebar-inner .scripture-ref{color:#0f0d0ae6}html[data-theme=light] .sidebar-inner #sidebar-nav-slot .panel-navigation{background:#00000005!important;border-top-color:#00000014}html[data-theme=light] .text-navigation-panel{border-top-color:var(--glass)}html[data-theme=light] .text-navigation-panel .text-scroll-container::-webkit-scrollbar-track{background:#ffffff1a}html[data-theme=light] .text-navigation-panel .text-scroll-container::-webkit-scrollbar-thumb{background:#ffffff4d}html[data-theme=light] .text-navigation-panel .scripture{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9)}html[data-theme=light] .text-navigation-panel .resize-handle .resize-arrow,html[data-theme=light] .text-navigation-panel .resize-handle{color:#fff9}html[data-theme=light] .text-navigation-panel .nav-btn,html[data-theme=light] .text-navigation-panel .mystery-btn,html[data-theme=light] .text-navigation-panel .reset-btn,html[data-theme=light] .text-navigation-panel .audio-btn,html[data-theme=light] .text-navigation-panel .music-btn,html[data-theme=light] .text-navigation-panel .step-counter{color:#ffffffe6}html[data-theme=light] .text-navigation-panel .mystery-btn:hover,html[data-theme=light] .text-navigation-panel .reset-btn:hover,html[data-theme=light] .text-navigation-panel .audio-btn:hover,html[data-theme=light] .text-navigation-panel .music-btn:hover{color:#fff}html[data-theme=light] .text-navigation-panel .step-counter:hover .rosary-map-icon{filter:drop-shadow(0 0 6px rgba(232,184,32,.5))}html[data-theme=light] .background-image{background-color:#f0ede8}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{height:100vh;height:100dvh;height:var(--app-viewport-height, 100dvh);width:100vw;font-family:var(--fd);background:var(--bg);color:var(--alabaster);overflow:hidden;-webkit-font-smoothing:antialiased;line-height:1.8;letter-spacing:.3px}.safari-chrome-tint{position:fixed;left:0;right:0;width:100%;pointer-events:none;z-index:10050;background-color:var(--bg);opacity:0;display:none!important}body.ios-safari-tab .safari-chrome-tint:not([hidden]){display:block!important}body.ios-standalone-mode #safari-chrome-tint-top:not([hidden]){display:block!important;opacity:1;background-color:var(--bg)}body.ios-standalone-mode.rosary-active #safari-chrome-tint-top:not([hidden]){opacity:0;z-index:1190}.safari-chrome-tint[hidden]{display:none!important}#safari-chrome-tint-top{top:0;height:max(env(safe-area-inset-top,0px),12px)}#safari-chrome-tint-bottom{bottom:0;height:max(env(safe-area-inset-bottom,0px),12px)}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:900}.grain-overlay:before{content:"";position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none}#app{width:100vw;max-width:100vw;margin:0 auto;height:100vh;height:100dvh;height:var(--app-viewport-height, 100dvh);position:relative;overflow:hidden;z-index:1}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.art-panel{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.sidebar-panel{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:0;z-index:2000;display:flex;flex-direction:column;pointer-events:none}.sidebar-panel>*{pointer-events:auto}.sidebar-header{display:none}.sidebar-mystery-title{font-size:clamp(1rem,1.5vw,1.35rem);font-weight:700;letter-spacing:.02em;line-height:1.2;margin-bottom:.5rem}.sidebar-inner{display:block;position:absolute;top:0;left:0;right:0;z-index:1000;pointer-events:none}.sidebar-inner .sidebar-header{pointer-events:auto;padding:clamp(16px,2.5vh,24px) 20px 12px;padding-left:max(20px,var(--safe-left))}.sidebar-inner .prayer-text-wrap{display:none}.mobile-device{touch-action:manipulation}.ios-device{-webkit-text-size-adjust:100%}.android-device,.touch-device{-webkit-tap-highlight-color:rgba(255,255,255,.1)}.progress-bar{position:fixed;top:0;left:0;right:0;max-width:100vw;margin-inline:auto;width:100%;height:auto;padding-top:clamp(6px,1.5vh,12px);padding-bottom:clamp(6px,1.5vh,12px);padding-left:max(clamp(4px,.8vw,8px),var(--safe-left));padding-right:max(clamp(4px,.8vw,8px),var(--safe-right));background:transparent;z-index:100;opacity:0;transition:opacity .3s ease;display:flex;justify-content:space-evenly;align-items:center;gap:0;overflow:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}.progress-bar:before{content:none;display:none;background:none;border:0}.progress-bar::-webkit-scrollbar{display:none}.progress-bead{flex:1 1 0;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,1);overflow:visible}.progress-bead:last-child{padding-inline-end:var(--progress-edge-inset)}.progress-bead:first-child{flex:0 0 calc(var(--cross-visual-width) + var(--progress-cross-gap));min-width:calc(var(--cross-visual-width) + var(--progress-cross-gap));max-width:calc(var(--cross-visual-width) + var(--progress-cross-gap));justify-content:flex-start;z-index:1}.progress-bead:before{content:"";display:block;flex-shrink:0;width:clamp(6px,1.5vw,10px);height:clamp(6px,1.5vw,10px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#bcb8b2,#8a8480 35%,#585450 65%,#181614);box-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.progress-bead:active{opacity:.85}.progress-bead.large:before{width:clamp(9px,2vw,14px);height:clamp(9px,2vw,14px);background:radial-gradient(circle at 35% 35%,#c8c4be,#989088 35%,#686058 65%,#1c1a18)}.progress-bead.special:before{width:clamp(9px,2.2vw,15px);height:auto;aspect-ratio:30 / 48;border-radius:0;background:linear-gradient(180deg,#e2c858,#d4a840 40%,#a67c20,#6b4a0a);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -20 30 48'%3E%3Cpath fill='black' d='M0,-20 L15,-11 L14,6 L7,20 L0,28 L-7,20 L-14,6 L-15,-11 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -20 30 48'%3E%3Cpath fill='black' d='M0,-20 L15,-11 L14,6 L7,20 L0,28 L-7,20 L-14,6 L-15,-11 Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;box-shadow:0 1px 2px #00000040}.progress-bead.cross:before{width:var(--cross-visual-width);height:auto;aspect-ratio:40 / 60;background:linear-gradient(180deg,#e0c878,#c9a040 40%,#9a7018,#5c4010);border-radius:0;box-shadow:none;border:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 0 40 60'%3E%3Cpath fill='white' d='M-6,0L6,0L6,15L20,15L20,27L6,27L6,60L-6,60L-6,27L-20,27L-20,15L-6,15Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 0 40 60'%3E%3Cpath fill='white' d='M-6,0L6,0L6,15L20,15L20,27L6,27L6,60L-6,60L-6,27L-20,27L-20,15L-6,15Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.progress-bead.cross:after{display:none}.progress-bead.active:not(.cross):not(.special):before{background:radial-gradient(circle at 35% 35%,#fff,#fefefe 8%,#e8e8e8 28%,#909090 58%,#585858 82%,#1e1e1e);box-shadow:0 0 clamp(4px,1vw,8px) #fffcebe6,0 0 clamp(8px,2vw,12px) #fffadc59,0 0 clamp(10px,2.5vw,14px) #dcc37833,0 2px 4px #0006;border:1px solid rgba(255,252,235,.85);transform:scale(1.4);animation:beadPulse 2s ease-in-out infinite}.progress-bead.special.active:before{transform:scale(1.15);transform-origin:center center;background:linear-gradient(180deg,#f0e6c8,#e0c870,#b88820 70%,#5c3d0a)!important;box-shadow:0 0 clamp(3px,.8vw,6px) #fffcebe6,0 0 clamp(6px,1.5vw,10px) #fffadc4d;border:none}.progress-bead:last-child.special.active:before{transform-origin:right center}.progress-bead.cross.active:before{transform:scale(1.1);transform-origin:center center;background:linear-gradient(180deg,#f0e6c8,#e0c870,#b88820 70%,#5c3d0a)!important;box-shadow:0 0 clamp(3px,.8vw,6px) #fffcebe6,0 0 clamp(6px,1.5vw,10px) #fffadc4d;border:none}.progress-bead:first-child.cross.active:before{transform-origin:left center}.progress-bead.completed:not(.cross):not(.special):before{background:radial-gradient(circle at 35% 35%,#fff,#fefefe 8%,#e8e8e8 28%,#909090 58%,#585858 82%,#1e1e1e);box-shadow:0 0 clamp(3px,.8vw,6px) #fffceb99,0 0 clamp(6px,1.5vw,10px) #fffadc40,0 1px 3px #0000004d;border:1px solid rgba(255,252,235,.55)}.progress-bead.special.completed:before{background:linear-gradient(180deg,#e2c858,#d4a840 40%,#a67c20,#6b4a0a)!important;box-shadow:0 0 clamp(2px,.5vw,4px) #fffceb80;border:none}.progress-bead.cross.completed:before{background:linear-gradient(180deg,#e0c878,#c9a040 40%,#9a7018,#5c4010)!important;box-shadow:0 0 clamp(2px,.5vw,4px) #fffceb80;border:none}@keyframes beadPulse{0%,to{box-shadow:0 0 clamp(4px,1vw,8px) #fffcebe6,0 0 clamp(8px,2vw,12px) #fffadc59,0 0 clamp(10px,2.5vw,14px) #dcc37833,0 2px 4px #0006}50%{box-shadow:0 0 clamp(6px,1.5vw,12px) #fffceb,0 0 clamp(12px,3vw,16px) #fffadc80,0 0 clamp(14px,3.5vw,18px) #dcc3784d,0 2px 4px #0006}}@media(color-gamut:p3){.progress-bead.cross:before,html[data-theme=light] .progress-bead.cross:before{background:linear-gradient(180deg,#ead06c,#d9a62d 40%,color(display-p3 .64 .46 .12),color(display-p3 .4 .28 .06))}.progress-bead.cross.active:before,html[data-theme=light] .progress-bead.cross.active:before{background:linear-gradient(180deg,#f7eac8,#ead06c,color(display-p3 .75 .55 .18) 70%,color(display-p3 .38 .26 .06))!important}.progress-bead.cross.completed:before,html[data-theme=light] .progress-bead.cross.completed:before{background:linear-gradient(180deg,#ead06c,#d9a62d 40%,color(display-p3 .64 .46 .12),color(display-p3 .4 .28 .06))!important}}.main-content{width:100%;max-width:100vw;flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center;transition:opacity .3s ease;z-index:1;display:block;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;background-color:#000;-webkit-touch-callout:none;pointer-events:none;touch-action:none}#mystery-title{font-family:var(--fm);text-transform:uppercase;text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.95),0 0 30px rgba(255,200,100,.4);transition:opacity .3s ease;z-index:1000;opacity:0}.sidebar-header #mystery-title{color:#fbbf24f2;font-size:var(--mystery-title-size);letter-spacing:.35em;margin-bottom:.25em}.text-navigation-panel{position:fixed;bottom:calc(-1 * var(--safe-bottom));left:0;right:0;width:100%;max-width:100vw;margin-inline:auto;height:calc(var(--panel-height) + var(--safe-bottom));display:flex;flex-direction:column;z-index:1000;opacity:0;transition:opacity .3s ease}.text-navigation-panel.resizing{transition:none}.resize-handle{height:48px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;flex-shrink:0}.resize-arrow{font-size:16px;color:#fff9;opacity:0;transition:opacity .25s ease}.resize-handle:hover .resize-arrow,.resize-handle:active .resize-arrow,.resize-handle.dragging .resize-arrow{opacity:1}.resize-handle.after-drag .resize-arrow,.resize-handle.after-drag:hover .resize-arrow{opacity:0}.text-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--panel-padding-block) var(--panel-padding-inline);-webkit-overflow-scrolling:touch;min-height:40px;background:linear-gradient(to bottom,#05050700,#05050729 10%,#05050747 30%,#05050754 60%,#0505075c)}.text-scroll-container::-webkit-scrollbar{width:4px}.text-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.text-scroll-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.text-content{text-align:center;max-width:100%;margin:0 auto;animation:fadeIn .6s ease-out}.scripture{font-size:var(--scripture-font-size);line-height:1.9;color:#fff;font-family:var(--fs);font-weight:300;text-shadow:0 2px 6px rgba(0,0,0,.9);white-space:pre-wrap;margin:0;transform:scale(var(--mobile-text-scale));text-align:center}.scripture-italic{font-style:italic}.mystery-title-toggle{color:#fbbf24f2;cursor:pointer;transition:all .2s ease;display:inline-block;padding:4px 0}.mystery-title-toggle:hover{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.mystery-title-toggle:active{transform:scale(.98)}.scripture-collapsible{display:none;margin-top:.8em;padding-top:.5em;animation:fadeInScripture .3s ease-out}.scripture-collapsible.visible{display:block}@keyframes fadeInScripture{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-navigation{padding:var(--nav-padding-block) var(--nav-padding-inline);padding-left:max(var(--nav-padding-inline),var(--safe-left));padding-right:max(var(--nav-padding-inline),var(--safe-right));padding-bottom:max(var(--nav-padding-block),var(--safe-bottom));background:linear-gradient(to bottom,#05050757,#0505075c,#0505076b);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;flex-shrink:0;min-height:clamp(36px,6vh,52px);position:relative;container-type:inline-size}.panel-navigation.inset-override{padding-left:var(--nav-padding-inline);padding-right:var(--nav-padding-inline)}.standalone-mode .panel-navigation,.ios-standalone-mode .panel-navigation{padding-bottom:max(calc(var(--nav-padding-block) + 10px),calc(var(--safe-bottom) + 10px))}.left-controls,.right-controls{display:flex;gap:var(--control-gap);align-items:center;min-width:0;max-width:100%}.left-controls{justify-self:start;overflow:hidden}.right-controls{justify-self:end}.center-controls{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:.25rem;z-index:1003;flex-shrink:0}@container (max-width: 400px){.panel-navigation{--nav-btn-size: clamp(30px, 8cqi, 36px);--button-padding: clamp(.15rem, 1.5cqi, .4rem) clamp(.25rem, 2cqi, .55rem);--control-gap: clamp(2px, .6cqi, 5px)}}@container (max-width: 320px){.panel-navigation{--nav-btn-size: 30px;--button-padding: .2rem .3rem;--control-gap: 2px}}.nav-btn{background:transparent;border:1px solid transparent;color:#ffffffe6;width:var(--nav-btn-size);height:var(--nav-btn-size);min-width:var(--nav-btn-size);min-height:var(--nav-btn-size);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:700;cursor:pointer;transition:all .15s ease;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;z-index:1001;touch-action:manipulation;opacity:0}.nav-btn:hover{transform:scale(1.05)}.nav-btn:active{transform:scale(.95)}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:transparent;border-color:transparent}.ios-device .nav-btn{backdrop-filter:none;-webkit-backdrop-filter:none}.mystery-btn,.reset-btn{background:transparent;border:none;padding:var(--button-padding);font-size:var(--button-font-size);font-weight:400;cursor:pointer;transition:all .15s ease;z-index:1001;touch-action:manipulation;opacity:0;text-transform:uppercase;letter-spacing:var(--button-letter-spacing);white-space:nowrap;font-family:var(--fm);text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 15px rgba(0,0,0,.95),0 0 30px rgba(255,200,100,.4)}.mystery-btn{color:var(--btn-color)}.mystery-btn svg{transition:all .3s ease;filter:drop-shadow(0 0 2px rgba(255,255,255,.2))}.reset-btn{color:#ffffffd9}.mystery-btn:hover{color:var(--btn-hover-color);transform:scale(1.05)}.mystery-btn:hover svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.5));transform:rotate(72deg)}.reset-btn:hover{color:var(--alabaster);transform:scale(1.05)}.mystery-btn:active,.reset-btn:active{transform:scale(.95)}.audio-btn-container{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;z-index:1002}.audio-voice-picker{display:none;position:absolute;bottom:calc(100% + 8px);right:50%;transform:translate(50%);flex-direction:row;flex-wrap:nowrap;gap:4px;background:var(--voice-picker-bg);border:1px solid var(--voice-picker-border);border-radius:8px;padding:6px;z-index:1100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000080;white-space:nowrap}.audio-voice-picker.open{display:flex}.voice-opt{-webkit-appearance:none;appearance:none;background:transparent;border:none;border-radius:5px;color:var(--voice-opt-color);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:400;letter-spacing:0;line-height:1;padding:8px;text-align:center;transition:background .12s,color .12s;white-space:nowrap;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.voice-opt svg{display:block;width:18px;height:18px;flex:0 0 auto}.voice-opt:hover{background:var(--voice-opt-hover-bg);color:var(--voice-opt-hover-color)}.voice-opt.active{color:var(--voice-opt-active-color);background:var(--voice-opt-active-bg)}.voice-opt:active{transform:scale(.97)}html[data-theme=light] .audio-voice-picker{background:#f0ece2fa;border-color:#0000001a;box-shadow:0 8px 32px #00000026}html[data-theme=light] .voice-opt{color:#0f0d0a99}html[data-theme=light] .voice-opt:hover{background:#0000000d;color:#0f0d0aeb}html[data-theme=light] .voice-opt.active{color:#8a6d1e;background:#a0701014}.audio-btn{background:transparent;border:none;padding:var(--button-padding);cursor:pointer;transition:all .15s ease;z-index:1001;color:var(--btn-muted);display:inline-flex;align-items:center;justify-content:center}.audio-btn .audio-icon-on{display:none}.audio-btn .audio-icon-off{display:block}.audio-btn.enabled{color:var(--gold);opacity:.72}.audio-btn.enabled .audio-icon-on{display:block}.audio-btn.enabled .audio-icon-off{display:none}.audio-btn.enabled:hover{color:var(--gold-light);opacity:.9}.audio-btn.enabled.playing{color:var(--gold)!important;opacity:1}.audio-btn:hover{color:var(--btn-color);transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}@keyframes wave-ripple{0%,to{opacity:.25}50%{opacity:1}}.audio-btn.enabled.playing .audio-icon-on path:nth-child(2){animation:wave-ripple 1.4s ease-in-out infinite;animation-delay:0s}.audio-btn.enabled.playing .audio-icon-on path:nth-child(3){animation:wave-ripple 1.4s ease-in-out infinite;animation-delay:.28s}.music-btn{background:transparent;border:none;padding:var(--button-padding);cursor:pointer;transition:color .15s ease,opacity .15s ease,transform .15s ease;z-index:1001;color:var(--btn-muted);display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.music-btn:hover{color:var(--btn-color);transform:scale(1.05)}.music-btn:active{transform:scale(.95)}.music-btn.enabled{color:var(--gold);opacity:.72}.music-btn.enabled:hover{color:var(--gold-light);opacity:.9}.music-btn.enabled.playing{color:var(--gold)!important;opacity:1}.music-icon{display:block}.music-btn.enabled.playing .music-icon{display:none}.music-dots{display:none;align-items:flex-end;gap:3px;height:14px}.music-btn.enabled.playing .music-dots{display:inline-flex}.music-dots span{width:3px;border-radius:2px;background:currentColor;transform-origin:bottom center;animation:music-bounce .9s ease-in-out infinite}.music-dots span:nth-child(1){height:8px;animation-delay:0s}.music-dots span:nth-child(2){height:14px;animation-delay:.2s}.music-dots span:nth-child(3){height:5px;animation-delay:.4s}@keyframes music-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.step-counter{color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.8);background:transparent;padding:clamp(.3rem,.8vh,.5rem) clamp(.4rem,1vw,.65rem);border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;opacity:0;transition:all .15s ease;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1003}.step-counter .rosary-map-icon{width:clamp(24px,4.2vw,33px);height:clamp(24px,4.2vw,33px);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));transition:all .3s ease}.step-counter:hover{background:transparent;transform:scale(1.05)}.step-counter:hover .rosary-map-icon{filter:drop-shadow(0 0 6px rgba(232,184,32,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.8))}.step-counter:active{transform:scale(.95)}.step-counter.hidden{display:none}#rosary-canvas{position:fixed;inset:0;z-index:2500;opacity:0;transition:opacity .5s ease;display:none;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#rosary-canvas.rosary-canvas-splitscreen{position:absolute;z-index:9998}@keyframes rosaryFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mystery-overlay{position:fixed;inset:0;background-color:var(--bg);display:flex;align-items:center;justify-content:center;z-index:2000}.mystery-overlay:before{content:"";position:absolute;inset:0;background:var(--overlay-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;z-index:0}.mystery-overlay>*{position:relative;z-index:1}.mystery-overlay .mystery-dialog{background:var(--dialog-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:28px 24px 24px;text-align:center;max-width:340px;width:calc(100% - 32px);margin:16px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:280px;justify-content:center}.mystery-overlay .mystery-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold-gradient-3);opacity:.6;pointer-events:none}.mystery-overlay .mystery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;min-height:20px}.mystery-overlay .mystery-header-actions{display:flex;align-items:center;gap:.35rem}.mystery-overlay .theme-toggle-btn,.mystery-overlay .language-btn,.mystery-overlay .info-btn,.mystery-overlay .close-btn{background:transparent;border:1px solid transparent;color:var(--mono);padding:6px 10px;border-radius:2px;font-size:.6rem;font-weight:400;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;gap:4px;font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase}.mystery-overlay .theme-toggle-btn{flex-shrink:0;width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}.mystery-overlay .theme-toggle-btn .theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.mystery-overlay .theme-toggle-btn svg{width:20px;height:20px;flex-shrink:0;object-fit:contain}.mystery-overlay .theme-toggle-btn .icon-sun{display:none}.mystery-overlay .theme-toggle-btn .icon-moon,html[data-theme=light] .mystery-overlay .theme-toggle-btn .icon-sun{display:block}html[data-theme=light] .mystery-overlay .theme-toggle-btn .icon-moon{display:none}.mystery-overlay .theme-toggle-btn:hover,.mystery-overlay .language-btn:hover,.mystery-overlay .info-btn:hover,.mystery-overlay .close-btn:hover{color:var(--accent);background:#e8b8200a}html[data-theme=light] .mystery-overlay .theme-toggle-btn:hover,html[data-theme=light] .mystery-overlay .language-btn:hover,html[data-theme=light] .mystery-overlay .info-btn:hover,html[data-theme=light] .mystery-overlay .close-btn:hover{background:#a070100f}.mystery-overlay .theme-toggle-btn:active,.mystery-overlay .language-btn:active,.mystery-overlay .info-btn:active,.mystery-overlay .close-btn:active{transform:scale(.95)}.mystery-overlay .theme-toggle-btn svg,.mystery-overlay .language-btn svg{opacity:.8}.mystery-overlay .mystery-dialog-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px;font-family:var(--fd);letter-spacing:-.02em}.mystery-overlay .mystery-dialog-title.gold{background:linear-gradient(135deg,var(--accent),var(--gold-dark),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mystery-overlay .mystery-buttons{display:grid;grid-template-columns:1fr;gap:6px;min-height:0}.mystery-overlay .mystery-choice{background:var(--choice-bg);border:1px solid var(--glass);color:var(--btn-hover-color);padding:12px 16px;border-radius:2px;font-family:var(--fd);font-size:.9rem;font-weight:400;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.mystery-overlay .mystery-choice:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gold-gradient-3);opacity:.35;transition:opacity .3s ease}.mystery-overlay .mystery-choice:hover{transform:translateY(-3px);background:var(--choice-hover-bg);border-color:var(--choice-hover-border);box-shadow:0 12px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f}.mystery-overlay .mystery-choice:hover:before{opacity:.7}.mystery-overlay .mystery-choice.selected{background:var(--choice-selected-bg);border-color:var(--choice-selected-border);color:var(--btn-hover-color)}.mystery-overlay .mystery-choice.selected:before{opacity:.8}.mystery-overlay .today-badge{color:var(--gold);flex-shrink:0;pointer-events:none;opacity:.9}.mystery-overlay .mystery-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 2rem;min-height:44px;background:var(--gold-gradient);color:var(--bg);border:none;border-radius:2px;font-family:var(--fd);font-size:.82rem;font-weight:700;letter-spacing:.04em;cursor:pointer;margin-top:6px;transition:opacity .2s,transform .2s;box-shadow:0 4px 24px #e8b82033,0 0 0 1px #e8b82026;text-transform:none}.mystery-overlay .mystery-action:hover{opacity:.88;transform:translateY(-2px)}.mystery-overlay .mystery-action:active{transform:translateY(0);opacity:.75}.mystery-overlay .mystery-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.mystery-overlay .mystery-action-primary{background:var(--gold-gradient);color:var(--bg);font-weight:700}.mystery-overlay .mystery-action-secondary{background:transparent;border:1px solid var(--glass);color:var(--dim);box-shadow:none}.mystery-overlay .mystery-action-secondary:hover{background:var(--search-bg);opacity:1;transform:translateY(-1px)}.mystery-overlay .mystery-action svg{pointer-events:none}.language-menu{position:fixed;z-index:2200;width:220px;max-height:min(360px,calc(100vh - 24px));padding:6px;border:1px solid var(--glass);border-radius:14px;background:#0e0c0af0;box-shadow:0 16px 36px #00000061;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;animation:language-menu-in .14s ease-out}.language-menu-list{max-height:min(348px,calc(100vh - 36px));overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;gap:2px}.language-menu-list::-webkit-scrollbar{width:4px}.language-menu-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.language-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:none;color:#ffffffe6;padding:10px 12px;border-radius:10px;font-size:.84rem;font-family:var(--fi);cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.language-item:hover,.language-item:focus-visible{background:var(--surface-hover);color:var(--btn-hover-color);outline:none}.language-item:active{background:var(--border-subtle)}.language-item.current{background:var(--choice-selected-bg);color:var(--accent)}.language-item.current .check-icon{color:var(--accent);flex-shrink:0}.language-item.loading{opacity:.6;pointer-events:none}.language-item.loading:after{content:"";width:14px;height:14px;border:2px solid var(--voice-picker-border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.language-item .lang-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl],[dir=rtl] .scripture,[dir=rtl] .text-content,.scripture[dir=rtl],.text-content[dir=rtl]{direction:rtl;text-align:center}.battery-low *{animation-duration:.01ms!important;transition-duration:.01ms!important}.reduced-motion *{animation:none!important;transition:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes navigationFlash{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes stepHighlight{0%{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(.98)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes titlePulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes scripturePulse{0%{transform:scale(var(--mobile-text-scale, 1));opacity:1}50%{transform:scale(calc(var(--mobile-text-scale, 1) * 1.02));opacity:.92}to{transform:scale(var(--mobile-text-scale, 1));opacity:1}}@keyframes titlePulseDesktop{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.94;transform:translateY(-1px)}}@keyframes scripturePulseDesktop{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.92;transform:translateY(-1px)}}.navigation-flash{animation:navigationFlash .25s ease-out;transition:none!important}.step-highlight{animation:stepHighlight .3s ease-out;transition:none!important}.title-pulse{animation:titlePulse .25s ease-out;transition:none!important}.scripture-pulse{animation:scripturePulse .25s ease-out;transition:none!important}.mystery-title-ref.title-pulse{animation:titlePulseDesktop .25s ease-out}.scripture-ref.scripture-pulse{animation:scripturePulseDesktop .25s ease-out}@media(orientation:landscape){:root{--scripture-font-size: clamp(.7rem, 1.5vw + .8vh, 1.1rem);--panel-height: clamp(90px, 18vh, 160px)}}@media(min-width:900px)and (orientation:landscape){html,body{background:var(--bg-deep)}#app{background:var(--bg-deep);width:100%;min-width:100%;max-width:none}.app-shell{display:grid;grid-template-columns:1fr auto min(400px,38vw) 1fr;grid-template-rows:auto 1fr;gap:0;max-width:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-shell .progress-bar{grid-column:1 / -1;grid-row:1;position:relative;top:auto;left:auto;right:auto;max-width:none;width:100%;margin-inline:0}.art-panel{grid-row:2;grid-column:2;position:relative;inset:auto;min-height:0;min-width:0;display:flex;flex-direction:column;border-radius:4px 0 0 4px;overflow:hidden;border:1px solid var(--glass);width:min(calc(100vh * 2 / 3),calc(100vw - min(400px,38vw) - 4px))}.app-shell .sidebar-panel{grid-row:2;grid-column:3;min-height:0;align-self:stretch;position:relative!important;bottom:auto;left:auto;right:auto}.sidebar-panel .hide-btn,.sidebar-panel .rosary-btn-container{display:none!important}.sidebar-panel .text-navigation-panel{display:none}}body.force-desktop-layout{background:var(--bg-deep)!important}body.force-desktop-layout #app{background:var(--bg-deep)!important;width:100%!important;min-width:100%!important;max-width:none!important}body.force-desktop-layout .app-shell{display:grid!important;grid-template-columns:1fr auto min(400px,38vw) 1fr!important;grid-template-rows:auto 1fr!important;gap:0!important;max-width:100%!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}body.force-desktop-layout .app-shell .progress-bar{grid-column:1 / -1;grid-row:1;position:relative;top:auto;left:auto;right:auto;max-width:none;width:100%;margin-inline:0}body.force-desktop-layout .app-shell .progress-bar:before{position:absolute;width:100%;left:0;top:0;height:100%;background:linear-gradient(to bottom,rgba(10,11,13,.5) 0%,transparent 100%)}body.force-desktop-layout .art-panel{grid-row:2!important;grid-column:2!important;position:relative!important;inset:auto!important;min-height:0!important;min-width:0!important;display:flex!important;flex-direction:column!important;border-radius:4px 0 0 4px!important;overflow:hidden!important;border:1px solid var(--glass)!important;width:min(calc(100vh * 2 / 3),calc(100vw - min(400px,38vw) - 4px))}body.force-desktop-layout .app-shell .sidebar-panel{grid-row:2!important;grid-column:3!important;min-height:0!important;align-self:stretch!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}body.force-desktop-layout .art-panel .main-content{flex:1;min-height:0;position:relative}body.force-desktop-layout .art-panel .background-image{object-fit:contain;object-position:center;position:absolute;inset:0;width:100%;height:100%}body.force-desktop-layout .sidebar-panel{position:relative!important;width:100%!important;min-width:0!important;z-index:100!important;display:flex!important;flex-direction:column!important;min-height:0!important;background:var(--sidebar-bg)!important;backdrop-filter:blur(40px)!important;-webkit-backdrop-filter:blur(40px)!important;border:1px solid var(--glass)!important;border-left:none!important;border-radius:0 4px 4px 0!important;padding:0!important;overflow:hidden!important}body.force-desktop-layout .sidebar-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--gold-dark),var(--gold),transparent);opacity:.35;pointer-events:none;z-index:1}body.force-desktop-layout .sidebar-panel .sidebar-inner{--sidebar-inner-padding-inline: clamp(20px, 3vw, 32px);width:100%;min-width:0;flex:1 1 0;min-height:0;position:relative;display:flex;flex-direction:column;padding:clamp(24px,4vh,40px) var(--sidebar-inner-padding-inline) 0;pointer-events:auto;overflow:hidden}body.force-desktop-layout .sidebar-inner .sidebar-header{flex:0 0 auto;padding:0 0 24px;margin-bottom:0;border-bottom:none;display:flex;flex-direction:column}body.force-desktop-layout .sidebar-inner .mystery-title-ref{font-family:var(--fd);font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:800;line-height:1.05;margin-bottom:20px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent) 0%,var(--gold-dark) 60%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.force-desktop-layout .sidebar-inner .prayer-text-wrap{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.force-desktop-layout .sidebar-inner .text-scroll-container-ref{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;padding-inline-end:8px;scrollbar-gutter:stable;background:transparent;display:flex;flex-direction:column}body.force-desktop-layout .sidebar-inner .text-scroll-container-ref .text-content{min-height:100%;display:flex;flex-direction:column;padding-inline-end:4px}body.force-desktop-layout .sidebar-inner .text-scroll-container-ref .text-content>*{margin-top:auto;margin-bottom:auto}body.force-desktop-layout .sidebar-inner .scripture-ref{font-family:var(--fs);font-size:1.05rem;line-height:1.9;color:var(--btn-color);font-weight:300;text-align:left}body.force-desktop-layout .sidebar-inner #sidebar-nav-slot{width:calc(100% + 2 * var(--sidebar-inner-padding-inline, 32px));min-width:0;margin-left:calc(-1 * var(--sidebar-inner-padding-inline, 32px));margin-right:calc(-1 * var(--sidebar-inner-padding-inline, 32px));margin-top:auto;margin-bottom:0;flex:0 0 auto;align-self:stretch;position:relative;z-index:3}body.force-desktop-layout .sidebar-inner #sidebar-nav-slot .panel-navigation,body.force-desktop-layout.standalone-mode .sidebar-inner #sidebar-nav-slot .panel-navigation,body.force-desktop-layout.ios-standalone-mode .sidebar-inner #sidebar-nav-slot .panel-navigation{width:100%;box-sizing:border-box;border-radius:0 0 4px;background:#ffffff05!important;border-top:1px solid var(--glass);padding:0 6px!important;min-height:var(--nav-button-size);height:var(--nav-button-size);display:flex;align-items:center;justify-content:space-between}body.force-desktop-layout .sidebar-panel .hide-btn,body.force-desktop-layout .sidebar-panel .rosary-btn-container{display:none!important}body.force-desktop-layout .sidebar-inner .text-scroll-container-ref{background:transparent!important}body.force-desktop-layout .sidebar-panel .text-navigation-panel{display:none!important}body.force-desktop-layout .sidebar-panel .nav-btn{color:var(--alabaster);border-color:var(--glass)}body.force-desktop-layout .sidebar-panel .nav-btn:hover:not(:disabled){color:var(--accent);border-color:#e8b82040;background:#e8b8200a}body.force-desktop-layout .sidebar-panel .mystery-btn{color:var(--btn-color);text-shadow:none}body.force-desktop-layout .sidebar-panel .mystery-btn:hover{color:var(--btn-hover-color)}body.force-desktop-layout .sidebar-panel .reset-btn,body.force-desktop-layout .sidebar-panel .audio-btn,body.force-desktop-layout .sidebar-panel .music-btn,body.force-desktop-layout .sidebar-panel .step-counter{color:#fffc}body.force-desktop-layout .sidebar-panel .reset-btn:hover,body.force-desktop-layout .sidebar-panel .audio-btn:hover,body.force-desktop-layout .sidebar-panel .music-btn:hover{color:#fff}body.force-desktop-layout .sidebar-panel .step-counter:hover .rosary-map-icon{filter:drop-shadow(0 0 6px rgba(232,184,32,.5))}body.force-desktop-layout .art-panel>#rosary-canvas.rosary-canvas-splitscreen{position:absolute;inset:0;width:100%;height:100%}@media(orientation:landscape)and (max-height:500px){body:not(.force-desktop-layout):not(.tablet-device):not(.desktop-device):not(.embed-mode) #app{max-width:min(900px,80vw)}body:not(.force-desktop-layout):not(.tablet-device):not(.desktop-device):not(.embed-mode) .progress-bar{max-width:min(900px,80vw)}body:not(.force-desktop-layout):not(.tablet-device):not(.desktop-device):not(.embed-mode) .text-navigation-panel{max-width:min(900px,80vw);border-radius:2px 2px 0 0}}.global-loading{position:fixed;inset:0;background-color:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999}.global-loading:before{content:"";position:absolute;inset:0;background:var(--loading-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none;z-index:0}.global-loading>*{position:relative;z-index:1}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}.loading-spinner{width:40px;height:40px;border:2px solid var(--glass);border-top-color:var(--accent);border-radius:50%;animation:loadingSpin .8s linear infinite}.loading-message{color:#ffffffd9;font-family:var(--fm);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;margin:0}@keyframes loadingSpin{to{transform:rotate(360deg)}}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#c83232eb;color:#fff;text-align:center;padding:8px 16px;font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;z-index:10000;transform:translateY(-100%);transition:transform .3s ease;backdrop-filter:blur(8px)}.offline-indicator.visible{transform:translateY(0)}body.status-screen-active #app{display:block!important}.error-screen{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:max(24px,var(--safe-top, 0px)) max(24px,var(--safe-right, 0px)) max(24px,var(--safe-bottom, 0px)) max(24px,var(--safe-left, 0px));color:#f0ede8;font-family:var(--fi);text-align:center;background-color:#050507;background-image:linear-gradient(155deg,rgba(240,222,160,.08) 0%,transparent 34%),linear-gradient(210deg,transparent 0%,rgba(108,136,163,.09) 46%,transparent 78%),linear-gradient(180deg,#050507,#0d0b0a 52%,#14100c)}.error-screen-inner{width:min(100%,360px);display:grid;gap:14px;justify-items:center}.error-screen h1{margin:0;font-family:var(--fd);font-weight:400;font-size:clamp(2.4rem,8vw,3rem);line-height:1;letter-spacing:0;color:#f0ede8;background:none;-webkit-text-fill-color:currentColor}.error-screen p{margin:0;max-width:28ch;color:#f0ede89e;font-family:var(--fi);font-weight:400;font-size:.94rem;line-height:1.45}.error-screen button{margin-top:8px;min-height:44px;padding:0 22px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:#f0ede8;font-family:var(--fd);font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:none;transition:transform .16s ease,opacity .16s ease,background .16s ease}.error-screen button:hover{opacity:.92;transform:translateY(-1px)}.error-screen button:active{transform:scale(.98)}.vr-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:var(--toast-bg);color:var(--dim);padding:10px 20px;border-radius:2px;font-family:var(--fm);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;z-index:10001;opacity:0;transition:all .3s ease;pointer-events:none;text-align:center;max-width:80vw;border:1px solid var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.vr-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}:root{--active-progress-track-height: var(--progress-track-height, 44px);--fullbleed-art-top: calc(var(--safe-top) + var(--active-progress-track-height));--nav-button-size: var(--nav-btn-size);--nav-chrome-height: calc(var(--nav-button-size) + var(--safe-bottom));--mobile-panel-height: 26vh;--cross-safe-align-y: 0px;--mobile-lock-art-top-reserve: 112px;--mobile-lock-art-inset: 20px;--mobile-lock-art-radius: 10px;--resize-grab-extension-height: 56px;--progress-row-inset-left: max(10px, calc(2px + var(--safe-left)));--progress-row-inset-right: max(10px, calc(2px + var(--safe-right)))}body.force-mobile-layout .app-shell{display:block}body.force-mobile-layout .art-panel{position:absolute;inset:0;border:none;border-radius:0;overflow:visible;background:var(--bg)}body.force-mobile-layout .main-content{position:absolute;width:auto;max-width:none;min-height:0;background:var(--bg)}body.mobile-layout-full-bleed .main-content{top:var(--fullbleed-art-top);right:0;bottom:var(--nav-chrome-height);left:0;border-radius:0;overflow:hidden}body.mobile-layout-centered .main-content{top:calc(var(--safe-top) + var(--mobile-lock-art-top-reserve) + var(--cross-safe-align-y));right:var(--mobile-lock-art-inset);bottom:calc(var(--mobile-panel-height) + var(--safe-bottom));left:var(--mobile-lock-art-inset);border-radius:var(--mobile-lock-art-radius);overflow:hidden}body.force-mobile-layout .background-image{inset:0;width:100%;height:100%;background:var(--bg)}body.mobile-layout-full-bleed .background-image{object-fit:fill;object-position:center}body.mobile-layout-centered .background-image{object-fit:contain;object-position:center}body.force-mobile-layout .progress-bar{top:0;padding-top:var(--safe-top);height:calc(var(--active-progress-track-height) + var(--safe-top));padding-left:var(--progress-row-inset-left);padding-right:var(--progress-row-inset-right);padding-bottom:0;box-sizing:border-box;background-color:var(--bg);transform:translateY(var(--cross-safe-align-y));align-items:stretch;z-index:1200}body.force-mobile-layout .progress-bar:before{content:none;display:none;background:none;border:0;pointer-events:none}body.mobile-layout-full-bleed .progress-bar:before{content:none;display:none}body.mobile-layout-centered .progress-bar:before{content:none;display:none}.progress-bead:before{display:none}.progress-bead{flex:1 1 0;min-width:0;max-width:none;padding:0;align-items:center;justify-content:center}.progress-bead:first-child{flex:0 0 calc(var(--cross-visual-width) + var(--progress-cross-gap));min-width:calc(var(--cross-visual-width) + var(--progress-cross-gap));max-width:calc(var(--cross-visual-width) + var(--progress-cross-gap));justify-content:flex-start;padding-right:0;z-index:1}.progress-bead:last-child{justify-content:flex-end;padding-inline-end:0;padding-left:clamp(5px,1.4vw,11px)}.progress-bead-visual{display:block;flex-shrink:0;width:var(--bead-small);height:var(--bead-small);border-radius:50%;background:radial-gradient(circle at 35% 35%,#bcb8b2,#8a8480 35%,#585450 65%,#181614);box-shadow:0 1px 2px #0000004d;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1)}.progress-bead.large .progress-bead-visual{width:var(--bead-large);height:var(--bead-large);background:radial-gradient(circle at 35% 35%,#c8c4be,#989088 35%,#686058 65%,#1c1a18)}.progress-bead.special .progress-bead-visual{width:clamp(9px,2.2vw,15px);height:auto;aspect-ratio:30 / 48;border-radius:0;background:linear-gradient(180deg,#e2c858,#d4a840 40%,#a67c20,#6b4a0a);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -20 30 48'%3E%3Cpath fill='black' d='M0,-20 L15,-11 L14,6 L7,20 L0,28 L-7,20 L-14,6 L-15,-11 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15 -20 30 48'%3E%3Cpath fill='black' d='M0,-20 L15,-11 L14,6 L7,20 L0,28 L-7,20 L-14,6 L-15,-11 Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.progress-bead.cross .progress-bead-visual{width:var(--cross-visual-width);height:auto;aspect-ratio:40 / 60;border-radius:0;background:linear-gradient(180deg,#e0c878,#c9a040 40%,#9a7018,#5c4010);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 0 40 60'%3E%3Cpath fill='white' d='M-6,0L6,0L6,15L20,15L20,27L6,27L6,60L-6,60L-6,27L-20,27L-20,15L-6,15Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-20 0 40 60'%3E%3Cpath fill='white' d='M-6,0L6,0L6,15L20,15L20,27L6,27L6,60L-6,60L-6,27L-20,27L-20,15L-6,15Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.progress-bead.active:not(.cross):not(.special) .progress-bead-visual{background:radial-gradient(circle at 35% 35%,#fff,#fefefe 8%,#e8e8e8 28%,#909090 58%,#585858 82%,#1e1e1e);box-shadow:0 0 clamp(4px,1vw,8px) #fffcebe6,0 0 clamp(8px,2vw,12px) #fffadc59,0 0 clamp(10px,2.5vw,14px) #dcc37833,0 2px 4px #0006;border:1px solid rgba(255,252,235,.85);transform:scale(1.4);animation:beadPulse 2s ease-in-out infinite}.progress-bead.completed:not(.cross):not(.special) .progress-bead-visual{background:radial-gradient(circle at 35% 35%,#fff,#fefefe 8%,#e8e8e8 28%,#909090 58%,#585858 82%,#1e1e1e);box-shadow:0 0 clamp(3px,.8vw,6px) #fffceb99,0 0 clamp(6px,1.5vw,10px) #fffadc40,0 1px 3px #0000004d;border:1px solid rgba(255,252,235,.55)}.progress-bead.cross.active .progress-bead-visual,.progress-bead.special.active .progress-bead-visual{transform:scale(1.1);background:linear-gradient(180deg,#f0e6c8,#e0c870,#b88820 70%,#5c3d0a);box-shadow:0 0 clamp(3px,.8vw,6px) #fffcebe6,0 0 clamp(6px,1.5vw,10px) #fffadc4d}.progress-bead.cross.completed .progress-bead-visual,.progress-bead.special.completed .progress-bead-visual{box-shadow:0 0 clamp(2px,.5vw,4px) #fffceb80}.mystery-title-strip{display:flex;align-items:flex-start;gap:8px;width:100%;opacity:0;transition:opacity .3s ease}.mystery-title-copy{flex:1 1 auto;min-width:0;hyphens:none;-webkit-hyphens:none}.mystery-title-copy #mystery-title,.mystery-title-copy .current-step-title{hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:break-word}.current-step-title{color:#ffffffeb;font-family:var(--fd);font-size:clamp(.86rem,2.8vw,1rem);font-weight:700;line-height:1.25}.current-step-label{color:#ffffffa6;font-family:var(--fm);font-size:.68rem;letter-spacing:1.3px;opacity:0;transition:opacity .3s ease}.mystery-title-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}body.rosary-active .panel-navigation .audio-btn,body.rosary-active .panel-navigation .music-btn,body.rosary-active .panel-navigation .audio-btn.enabled,body.rosary-active .panel-navigation .music-btn.enabled,body.rosary-active .panel-navigation .audio-btn.enabled.playing,body.rosary-active .panel-navigation .music-btn.enabled.playing,body.rosary-active .panel-navigation .audio-btn:hover,body.rosary-active .panel-navigation .music-btn:hover,body.rosary-active .panel-navigation .audio-btn:active,body.rosary-active .panel-navigation .music-btn:active{border-radius:0;background:transparent!important;-webkit-tap-highlight-color:transparent}@media(orientation:landscape){body.rosary-active .title-icon-btn,body.rosary-active .title-icon-btn:hover,body.rosary-active .title-icon-btn:active{border-radius:0;background:transparent!important}body.rosary-active .panel-navigation .nav-btn,body.rosary-active .panel-navigation .nav-btn:hover:not(:disabled),body.rosary-active .panel-navigation .nav-btn:active{border-radius:0;border-color:transparent!important;background:transparent!important}}.title-icon-btn{width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:999px;padding:0;background:transparent;color:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}html[data-theme=light] .title-icon-btn{color:#0f0d0ae0}.title-icon-btn:hover{background:#ffffff14}html[data-theme=light] .title-icon-btn:hover{background:#0f0d0a14}.title-icon-btn .icon-sun,html[data-theme=light] .title-icon-btn .icon-moon{display:none}.title-icon-btn .icon-moon,html[data-theme=light] .title-icon-btn .icon-sun{display:inline-flex}body.force-mobile-layout .sidebar-inner{position:fixed;top:calc(var(--safe-top) + var(--active-progress-track-height) + var(--cross-safe-align-y));left:0;right:0;z-index:1250;pointer-events:none}body.force-mobile-layout .sidebar-inner .sidebar-header{display:block;padding:4px 12px 0;pointer-events:auto}body.force-mobile-layout .sidebar-header #mystery-title{margin:0 0 4px;font-family:var(--fm);font-size:var(--mystery-title-size);font-weight:600;letter-spacing:1.6px;color:#fbbf24f2;text-shadow:none}body.force-mobile-layout.mobile-layout-full-bleed .title-icon-btn,body.force-mobile-layout.mobile-layout-full-bleed .current-step-title{color:#f0ede8db}html[data-theme=light] body.force-mobile-layout.mobile-layout-full-bleed .title-icon-btn,html[data-theme=light] body.force-mobile-layout.mobile-layout-full-bleed .current-step-title{color:#f0ede8e6}body.force-mobile-layout.mobile-layout-centered .title-icon-btn,body.force-mobile-layout.mobile-layout-centered .current-step-title{color:var(--alabaster);text-shadow:none}html[data-theme=light] body.force-mobile-layout.mobile-layout-centered .title-icon-btn,html[data-theme=light] body.force-mobile-layout.mobile-layout-centered .current-step-title{color:#0f0d0ae0;text-shadow:none}body.force-mobile-layout .current-step-label{display:none}body.force-mobile-layout .text-navigation-panel{bottom:0;height:calc(var(--mobile-panel-height) + var(--safe-bottom))!important;max-width:100vw;z-index:1300;border:0}body.mobile-layout-full-bleed .text-navigation-panel{background:transparent}body.mobile-layout-centered .text-navigation-panel{background:var(--bg)}body.rosary-active.force-mobile-layout.mobile-layout-full-bleed .text-navigation-panel{bottom:var(--nav-chrome-height)!important;height:calc(var(--mobile-panel-height) + var(--safe-bottom) - var(--nav-chrome-height))!important}body.rosary-active.mobile-layout-full-bleed .panel-navigation{position:fixed;bottom:0;left:0;right:0;max-width:100vw;margin-inline:auto;z-index:1301;background-color:var(--bg)!important}body.force-mobile-layout .resize-grab-extension{position:fixed;left:0;right:0;bottom:calc(var(--mobile-panel-height) + var(--safe-bottom));height:var(--resize-grab-extension-height);z-index:1350;cursor:ns-resize;touch-action:none}body.force-mobile-layout .resize-handle{height:clamp(40px,calc(var(--mobile-panel-height) * .12),64px);min-height:40px}.resize-pill{width:clamp(48px,14vw,64px);height:4px;border-radius:999px;background:#ffffff47;opacity:0;transition:opacity .12s ease}.resize-handle.dragging .resize-pill{opacity:1}body.mobile-layout-centered .resize-pill{background:#f0ede847}html[data-theme=light] body.mobile-layout-centered .resize-pill{background:#0f0d0a47}body.force-mobile-layout .text-scroll-container{padding:24px max(12px,var(--safe-right)) 8px max(12px,var(--safe-left))}body.mobile-layout-full-bleed .text-scroll-container{background:linear-gradient(to bottom,#05050700,#05050729 10%,#05050747 30%,#05050754 60%,#0505075c)!important}body.mobile-layout-centered .text-scroll-container{background:transparent!important}body.mobile-layout-full-bleed .text-content,body.mobile-layout-full-bleed .scripture{text-align:center}body.mobile-layout-centered .text-content,body.mobile-layout-centered .scripture{text-align:left}body.mobile-layout-centered .scripture{color:var(--alabaster);text-shadow:none}html[data-theme=light] body.mobile-layout-centered .scripture{color:#0f0d0a;text-shadow:none}body.force-mobile-layout .panel-navigation{min-height:var(--nav-chrome-height);height:var(--nav-chrome-height);padding:0 max(6px,var(--safe-right)) var(--safe-bottom) max(6px,var(--safe-left));border:1px solid rgba(255,255,255,.06);border-radius:6px 6px 0 0;background-color:var(--bg);background-image:linear-gradient(to bottom,#05050757,#0505075c 50%,#0505076b)!important;display:flex;align-items:flex-start;justify-content:space-between;isolation:isolate}html[data-theme=light] body.force-mobile-layout .panel-navigation{background-color:var(--bg);background-image:linear-gradient(to bottom,#ffffff8c,#e8e2d8d9)!important;border-color:#0000001f}body.force-mobile-layout .left-controls,body.force-mobile-layout .right-controls{gap:0}body.force-mobile-layout .center-controls{position:absolute;top:0;left:50%;height:var(--nav-button-size);transform:translate(-50%)}body.force-mobile-layout .nav-btn,body.force-mobile-layout .mystery-btn,body.force-mobile-layout .music-btn,body.force-mobile-layout .audio-btn,body.force-mobile-layout .step-counter{width:var(--nav-button-size);height:var(--nav-button-size);min-width:var(--nav-button-size);min-height:var(--nav-button-size);padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}body.force-mobile-layout .music-btn.enabled.playing,body.force-mobile-layout .audio-btn.enabled.playing,body.force-desktop-layout .music-btn.enabled.playing,body.force-desktop-layout .audio-btn.enabled.playing{background:#c8a84b24}body.force-mobile-layout .music-btn.enabled.playing .music-dots span,body.rosary-active.mobile-layout-full-bleed .music-btn.enabled.playing .music-dots span,body.rosary-active.mobile-layout-centered .music-btn.enabled.playing .music-dots span{animation:music-bounce .9s ease-in-out infinite;transform-origin:bottom center}body.force-desktop-layout .app-shell{grid-template-columns:var(--desktop-art-width, min(calc(100vh * 2 / 3), calc(100vw - min(400px, 38vw)) )) minmax(320px,1fr)!important;grid-template-rows:auto 1fr!important;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)!important}body.force-desktop-layout .art-panel{grid-column:1!important;border-radius:4px 0 0 4px!important;border:1px solid var(--glass)!important;border-right:none!important}body.force-desktop-layout .app-shell .sidebar-panel{grid-column:2!important}body.force-desktop-layout .art-panel .background-image{object-fit:contain;object-position:center left}body.force-desktop-layout .sidebar-panel{background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border:1px solid var(--glass)!important;border-left:none!important;border-radius:0 4px 4px 0!important;height:100%;min-height:0}html[data-theme=light] body.force-desktop-layout .sidebar-panel{background:#f3efe6f0!important}body.force-desktop-layout .sidebar-panel .sidebar-inner{--sidebar-inner-padding-inline: 16px;flex:1 1 auto;min-height:100%;height:100%;padding:14px 16px 0!important;box-sizing:border-box}body.force-desktop-layout .sidebar-inner .sidebar-header{display:block;padding:0!important;margin-bottom:10px}body.force-desktop-layout .mystery-title-strip{opacity:1}body.force-desktop-layout .sidebar-inner .mystery-title-ref{font-family:var(--fm);font-size:var(--mystery-title-size);font-weight:600;letter-spacing:1.6px;line-height:1.2;margin:0 0 4px;color:#fbbf24f2;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}body.force-desktop-layout .current-step-title{color:var(--alabaster)}html[data-theme=light] body.force-desktop-layout .current-step-title{color:#0f0d0a}html[data-theme=light] body.force-desktop-layout .current-step-label{color:#a8a4a0}body.force-desktop-layout .current-step-label{display:block;opacity:1;margin-top:10px}body.force-desktop-layout .mobile-layout-toggle{display:none}body.force-desktop-layout .sidebar-inner .text-scroll-container-ref .text-content>*{margin-top:0;margin-bottom:0}body.force-desktop-layout .sidebar-inner .scripture-ref,body.force-desktop-layout .sidebar-inner .text-content{text-align:left}.mid-mystery-overlay{--home-text: #f0ede8;--home-muted: rgba(240,237,232,.62);--home-glass-bg: rgba(255,255,255,.06);--home-glass-border: rgba(255,255,255,.48);--home-glass-blur: blur(3px) saturate(1.3);--home-glass-shadow: inset 0 1px 1px rgba(255,255,255,.6), inset 0 -6px 14px -10px rgba(255,255,255,.35), 0 16px 32px -12px rgba(0,0,0,.65);--home-glass-bg-hover: rgba(255,255,255,.1);--home-glass-border-hover: rgba(255,255,255,.55);background-color:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-theme=light] .mid-mystery-overlay{--home-text: #0f0d0a;--home-muted: rgba(15,13,10,.6);--home-glass-bg: rgba(255,255,255,.26);--home-glass-border: rgba(255,255,255,.62);--home-glass-bg-hover: rgba(255,255,255,.32);--home-glass-border-hover: rgba(255,255,255,.68)}.mid-mystery-overlay:before{content:"";position:absolute;inset:0;background:var(--overlay-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}.mid-mystery-stage{--mid-grid-gap: clamp(8px, 1.5vh, 16px);--mid-card-chrome: clamp(54px, 7.2vh, 74px);--mid-grid-available-height: calc(100vh - 56px) ;--mid-two-col-width-from-height: calc((((var(--mid-grid-available-height) - var(--mid-grid-gap) - (2 * var(--mid-card-chrome))) / 3) * 2) + var(--mid-grid-gap));position:relative;width:min(620px,calc(100vw - 28px),var(--mid-two-col-width-from-height));max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);display:flex;flex-direction:column;justify-content:center;overflow:visible;z-index:1}.mid-mystery-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mid-grid-gap);overflow:visible;padding:0}.mid-mystery-card{min-width:0;min-height:0;margin:0;padding:clamp(8px,1.2vh,12px);border:1px solid var(--home-glass-border);border-radius:24px;background:var(--home-glass-bg);backdrop-filter:var(--home-glass-blur);-webkit-backdrop-filter:var(--home-glass-blur);box-shadow:var(--home-glass-shadow);color:var(--home-text);display:flex;flex-direction:column;align-items:stretch;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.mid-mystery-card.selected{border-color:#c8a84b80}.mid-mystery-art{position:relative;display:block;width:100%;aspect-ratio:2 / 3;border-radius:18px;overflow:hidden;background:#0003;container-type:inline-size}.mid-mystery-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mid-mystery-art-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#00000005,#0000005c)}.mid-mystery-badge{position:absolute;top:10px;left:10px;box-sizing:border-box;width:fit-content;max-width:calc(100% - 20px);min-width:0;display:inline-flex;flex-wrap:nowrap;align-items:center;gap:clamp(3px,1.2cqi,5px);padding:clamp(5px,1.5cqi,7px) clamp(7px,2.2cqi,10px);border-radius:999px;color:#fff6d6;font-weight:600;background:#080604d1;border:1px solid rgba(255,214,120,.44);box-shadow:0 2px 10px #0000007a,inset 0 1px #ffffff1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:var(--fm);font-size:clamp(.26rem,6.2cqi,.5rem);line-height:1.2;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:visible;text-shadow:0 0 1px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.92),0 0 10px rgba(0,0,0,.55)}.mid-mystery-badge svg{display:block;width:clamp(10px,4.8cqi,16px);height:clamp(10px,4.8cqi,16px);flex:0 0 auto;filter:drop-shadow(0 0 1px rgba(0,0,0,1)) drop-shadow(0 1px 2px rgba(0,0,0,.88))}.mid-mystery-badge>span{flex:1 1 auto;min-width:0;overflow:visible;white-space:nowrap;line-height:inherit}@container (max-width: 118px){.mid-mystery-badge{font-size:clamp(.22rem,5.4cqi,.42rem);letter-spacing:.025em;padding:clamp(4px,1.3cqi,6px) clamp(6px,1.9cqi,8px)}}@container (max-width: 92px){.mid-mystery-badge{font-size:clamp(.2rem,4.8cqi,.36rem);letter-spacing:.01em;gap:2px}.mid-mystery-badge svg{width:clamp(8px,3.6cqi,11px);height:clamp(8px,3.6cqi,11px)}}.sanctuary-mystery-art .mid-mystery-badge{z-index:2;display:none}html[data-vr-rec=joyful] .sanctuary-mystery-card[data-type=joyful][data-static-title] .mid-mystery-badge,html[data-vr-rec=sorrowful] .sanctuary-mystery-card[data-type=sorrowful][data-static-title] .mid-mystery-badge,html[data-vr-rec=glorious] .sanctuary-mystery-card[data-type=glorious][data-static-title] .mid-mystery-badge,html[data-vr-rec=luminous] .sanctuary-mystery-card[data-type=luminous][data-static-title] .mid-mystery-badge{display:inline-flex}.sanctuary-mystery-card:not([data-static-title]) .mid-mystery-badge:not([hidden]){display:inline-flex}.mid-mystery-card-title{margin-top:10px;font-family:var(--fd);font-size:.94rem;font-weight:600;line-height:1.18;overflow-wrap:anywhere}.mid-mystery-card-subtitle{margin-top:5px;color:var(--home-muted);font-family:var(--fi);font-size:.76rem;line-height:1.35}.mid-mystery-close{position:absolute;top:-10px;right:-10px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#121216c7;color:#ffffffb8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px #00000047}html[data-theme=light] .mid-mystery-close{background:#ffffffdb;color:#0f0d0ab3;border-color:#0000001f;box-shadow:0 12px 30px #2820121f}@media(hover:hover){.mid-mystery-card:hover{transform:translateY(-2px);border-color:var(--home-glass-border-hover);background:var(--home-glass-bg-hover)}}body.force-desktop-layout .mid-mystery-stage{--mid-grid-gap: clamp(10px, 1.55vw, 20px);--mid-card-chrome: clamp(58px, 8vh, 78px);--mid-four-col-width-from-height: calc(((var(--mid-grid-available-height) - var(--mid-card-chrome)) / 1.5 * 4) + (3 * var(--mid-grid-gap)));width:min(1180px,calc(100vw - 64px),var(--mid-four-col-width-from-height));max-width:calc(100vw - 64px);max-height:calc(100vh - 56px)}body.force-desktop-layout .mid-mystery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.force-desktop-layout .mid-mystery-card{padding:clamp(8px,1vw,12px)}body.force-desktop-layout .mid-mystery-card-title{margin-top:12px;font-size:clamp(.88rem,1vw,1rem)}body.force-desktop-layout .mid-mystery-card-subtitle{font-size:clamp(.68rem,.76vw,.76rem)}@media(min-width:950px){.mid-mystery-stage{--mid-grid-available-height: calc(100vh - 64px) }}@media(max-height:620px){.mid-mystery-stage{--mid-card-chrome: clamp(44px, 7.4vh, 58px);--mid-grid-available-height: calc(100vh - 44px) }.mid-mystery-card{padding:6px;border-radius:16px}.mid-mystery-art{border-radius:11px}.mid-mystery-card-title{margin-top:7px;font-size:clamp(.72rem,1.8vh,.88rem)}.mid-mystery-card-subtitle{margin-top:3px;font-size:clamp(.62rem,1.45vh,.7rem)}.mid-mystery-badge,.sanctuary-mystery-art .mid-mystery-badge{top:7px;left:7px;max-width:calc(100% - 14px)}.mid-mystery-close{width:32px;height:32px}}@media(max-height:420px){.mid-mystery-stage{--mid-card-chrome: 38px;--mid-grid-available-height: calc(100vh - 34px) ;max-width:calc(100vw - 32px)}.mid-mystery-card-subtitle{display:none}}@media(max-width:360px){.mid-mystery-stage{--mid-card-chrome: clamp(48px, 7vh, 62px);max-width:calc(100vw - 20px)}.mid-mystery-grid{gap:7px}.mid-mystery-card{padding:6px;border-radius:14px}.mid-mystery-art{border-radius:11px}.mid-mystery-card-title{font-size:.82rem}.mid-mystery-card-subtitle{font-size:.68rem}.mid-mystery-badge,.sanctuary-mystery-art .mid-mystery-badge{top:7px;left:7px;max-width:calc(100% - 14px)}.mid-mystery-close{width:32px;height:32px}}html[data-theme=light] body.force-mobile-layout .nav-btn,html[data-theme=light] body.force-mobile-layout .mystery-btn,html[data-theme=light] body.force-mobile-layout .audio-btn,html[data-theme=light] body.force-mobile-layout .music-btn,html[data-theme=light] body.force-mobile-layout .step-counter,html[data-theme=light] body.force-desktop-layout .sidebar-panel .nav-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .mystery-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .audio-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .music-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter{color:#0f0d0ad1!important;text-shadow:none!important}html[data-theme=light] body.force-mobile-layout .nav-btn:hover:not(:disabled),html[data-theme=light] body.force-mobile-layout .mystery-btn:hover,html[data-theme=light] body.force-mobile-layout .audio-btn:hover,html[data-theme=light] body.force-mobile-layout .music-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .nav-btn:hover:not(:disabled),html[data-theme=light] body.force-desktop-layout .sidebar-panel .mystery-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .audio-btn:hover,html[data-theme=light] body.force-desktop-layout .sidebar-panel .music-btn:hover{color:#0f0d0af5!important}html[data-theme=light] body.force-mobile-layout .step-counter .rosary-map-icon,html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter .rosary-map-icon{filter:none!important}.progress-bar:before,body.force-mobile-layout .progress-bar:before,body.mobile-layout-full-bleed .progress-bar:before,body.mobile-layout-centered .progress-bar:before,body.force-desktop-layout .app-shell .progress-bar:before,html[data-theme=light] .progress-bar:before,html[data-theme=light] body.force-desktop-layout .app-shell .progress-bar:before{content:none!important;display:none!important;background:none!important;border:0!important}html[data-theme=light] body.force-desktop-layout .title-icon-btn,html[data-theme=light] body.force-mobile-layout .panel-navigation .nav-btn,html[data-theme=light] body.force-mobile-layout .panel-navigation .mystery-btn,html[data-theme=light] body.force-mobile-layout .panel-navigation .audio-btn,html[data-theme=light] body.force-mobile-layout .panel-navigation .music-btn,html[data-theme=light] body.force-mobile-layout .panel-navigation .step-counter,html[data-theme=light] body.force-desktop-layout .sidebar-panel .panel-navigation .nav-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .panel-navigation .mystery-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .panel-navigation .audio-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .panel-navigation .music-btn,html[data-theme=light] body.force-desktop-layout .sidebar-panel .panel-navigation .step-counter{color:#0f0d0ae0!important;text-shadow:none!important}body.force-mobile-layout.mobile-layout-full-bleed .title-icon-btn,html[data-theme=light] body.force-mobile-layout.mobile-layout-full-bleed .title-icon-btn,body.force-mobile-layout.mobile-layout-full-bleed .current-step-title,html[data-theme=light] body.force-mobile-layout.mobile-layout-full-bleed .current-step-title{color:#f0ede8eb!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:0 1px 3px rgba(0,0,0,.42)!important}body.force-mobile-layout .sidebar-header #mystery-title,html[data-theme=light] body.force-mobile-layout .sidebar-header #mystery-title{color:#fbbf24f2!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}body.home-active{overflow:hidden}body.home-active #app,body.rosary-active #sanctuary-home{display:none}.sanctuary-home[hidden],.sanctuary-session-dock[hidden]{display:none!important}.sanctuary-home{--home-text: #f0ede8;--home-muted: rgba(240,237,232,.62);--home-faint: rgba(240,237,232,.18);--home-surface: rgba(255,255,255,.065);--home-surface-strong: rgba(255,255,255,.11);--home-outline: rgba(255,255,255,.15);--home-shadow: 0 24px 70px rgba(0,0,0,.28);--home-gap: 12px;--home-glass-bg: rgba(255,255,255,.06);--home-glass-border: rgba(255,255,255,.48);--home-glass-blur: blur(3px) saturate(1.3);--home-glass-shadow: inset 0 1px 1px rgba(255,255,255,.6), inset 0 -6px 14px -10px rgba(255,255,255,.35), 0 16px 32px -12px rgba(0,0,0,.65);--home-glass-bg-hover: rgba(255,255,255,.1);--home-glass-border-hover: rgba(255,255,255,.55);--home-glass-inner-bg: transparent;--home-glass-inner-border: rgba(255,255,255,.14);position:relative;z-index:2;width:100vw;height:100vh;height:100dvh;height:var(--app-viewport-height, 100dvh);overflow:hidden;color:var(--home-text);font-family:var(--fi);background:#050507}html[data-theme=light] .sanctuary-home{--home-text: #0f0d0a;--home-muted: rgba(15,13,10,.6);--home-faint: rgba(15,13,10,.16);--home-surface: rgba(255,255,255,.74);--home-surface-strong: rgba(255,255,255,.86);--home-outline: rgba(15,13,10,.13);--home-shadow: 0 24px 64px rgba(56,42,18,.12);--home-glass-bg: rgba(255,255,255,.26);--home-glass-border: rgba(255,255,255,.62);--home-glass-bg-hover: rgba(255,255,255,.32);--home-glass-border-hover: rgba(255,255,255,.68);--home-glass-inner-border: rgba(255,255,255,.22);background:#f3efe6}.sanctuary-home-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:transparent}.sanctuary-home-backdrop:before{content:"";position:absolute;inset:0;background-color:var(--bg);background-image:linear-gradient(155deg,rgba(240,222,160,.08) 0%,transparent 34%),linear-gradient(210deg,transparent 0%,rgba(108,136,163,.09) 46%,transparent 78%),linear-gradient(180deg,#050507,#0d0b0a 52%,#14100c)}html[data-theme=light] .sanctuary-home-backdrop:before{background-color:var(--bg);background-image:linear-gradient(155deg,rgba(200,168,75,.16) 0%,transparent 35%),linear-gradient(210deg,transparent 0%,rgba(108,136,163,.11) 46%,transparent 78%),linear-gradient(180deg,#f7f1e7,#f1e7d9 52%,#ece1d0)}.sanctuary-home-scroll{position:relative;z-index:1;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(18px + var(--safe-top)) max(20px,var(--safe-left)) var(--session-dock-scroll-inset, calc(32px + var(--safe-bottom))) max(20px,var(--safe-right));scroll-padding-bottom:var(--session-dock-scroll-inset, calc(32px + var(--safe-bottom)))}.sanctuary-home-shell{width:min(100%,1120px);margin:0 auto}.sanctuary-header-band{display:flex;flex-direction:column;gap:0}.sanctuary-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sanctuary-header-copy{min-width:0}.sanctuary-kicker,.sanctuary-section-eyebrow{font-family:var(--fm);font-size:.68rem;font-weight:400;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:var(--home-muted)}.sanctuary-greeting{margin:8px 0 6px;color:var(--home-text);font-family:var(--fd);font-size:2.125rem;font-weight:400;line-height:1;letter-spacing:0}.sanctuary-subtitle{margin:0;color:var(--home-muted);font-size:.94rem;line-height:1.35}.sanctuary-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.sanctuary-pill-button,.sanctuary-micro-chip,.sanctuary-section-action{color:var(--home-text);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease}.sanctuary-mystery-card,.sanctuary-stats-panel,.sanctuary-devotion-tile,.sanctuary-pill-button,.sanctuary-micro-chip,.sanctuary-section-action{border:1px solid var(--home-glass-border);background:var(--home-glass-bg);backdrop-filter:var(--home-glass-blur);-webkit-backdrop-filter:var(--home-glass-blur);box-shadow:var(--home-glass-shadow)}.sanctuary-icon-button{border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--home-muted);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;cursor:pointer;flex-shrink:0;transition:color .18s ease,opacity .18s ease}.sanctuary-icon-button svg{display:block}.sanctuary-pill-button{min-height:40px;padding:10px 14px;border-radius:999px;font-family:var(--fd);font-size:.86rem}.sanctuary-micro-chip{min-height:32px;padding:7px 10px;border-radius:999px;font-family:var(--fm);font-size:.68rem;text-transform:uppercase;max-width:170px}.sanctuary-section-action{min-height:34px;padding:8px 12px;border-radius:999px;font-size:.84rem}@media(hover:hover){.sanctuary-icon-button:hover{color:var(--home-text)}.sanctuary-pill-button:hover,.sanctuary-micro-chip:hover,.sanctuary-section-action:hover,.sanctuary-devotion-tile:hover,.sanctuary-mystery-card:hover:not(.in-progress){transform:translateY(-2px);border-color:var(--home-glass-border-hover);background:var(--home-glass-bg-hover)}.sanctuary-mystery-card.in-progress:hover{transform:translateY(-2px);border-color:#c8a84bf5;background:linear-gradient(155deg,#c8a84b2e,#ffffff1a 42%,#c8a84b1a);box-shadow:inset 0 1px 1px #ffffffbf,inset 0 0 0 1px #f0dea057,0 0 0 1px #c8a84b75,0 18px 36px -12px #000000a6,0 0 32px #c8a84b2e}html[data-theme=light] .sanctuary-mystery-card.in-progress:hover{border-color:#8a6d1ee0;background:linear-gradient(155deg,#c8a84b42,#ffffff7a 45%,#c8a84b24)}}.sanctuary-mysteries{--home-grid-sizing-height: max(100vh, var(--app-viewport-height, 100vh));--home-card-chrome: clamp(58px, 8vh, 78px);--home-grid-available-height: calc(var(--home-grid-sizing-height) - 220px);--home-two-col-width-from-height: calc((((var(--home-grid-available-height) - var(--home-gap) - (2 * var(--home-card-chrome))) / 2) * .6667 * 2) + var(--home-gap));margin-top:20px}.sanctuary-mystery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--home-gap);width:min(100%,620px,var(--home-two-col-width-from-height));min-width:0;margin:0 auto}body.force-desktop-layout .sanctuary-mysteries{--home-gap: clamp(12px, 1.25vw, 16px);--home-card-chrome: clamp(54px, 8vh, 74px);--home-grid-available-height: calc(var(--home-grid-sizing-height) - 182px);--home-four-col-width-from-height: calc((((var(--home-grid-available-height) - var(--home-card-chrome)) * .6667) * 4) + (3 * var(--home-gap)))}body.force-desktop-layout .sanctuary-mystery-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,1040px,var(--home-four-col-width-from-height))}.sanctuary-mystery-card{display:flex;flex-direction:column;min-width:0;padding:clamp(8px,1.2vw,12px);border-radius:24px;color:var(--home-text);overflow:hidden;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.sanctuary-mystery-card.in-progress{border:1.5px solid rgba(200,168,75,.88);background:linear-gradient(155deg,#c8a84b24,#ffffff14 42%,#c8a84b14);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 0 0 1px #f0dea047,0 0 0 1px #c8a84b61,0 16px 32px -12px #000000a6,0 0 28px #c8a84b24}html[data-theme=light] .sanctuary-mystery-card.in-progress{border-color:#8a6d1ec7;background:linear-gradient(155deg,#c8a84b38,#ffffff6b 45%,#c8a84b1f);box-shadow:inset 0 1px 1px #ffffffd9,inset 0 0 0 1px #c8a84b33,0 0 0 1px #8a6d1e47,0 18px 36px -12px #382a1224,0 0 24px #c8a84b29}.sanctuary-mystery-art{position:relative;display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;border-radius:18px;background:#0003;container-type:inline-size}.sanctuary-mystery-art img{display:block;width:100%;height:100%;object-fit:cover}html:not([data-vr-thumbs-cached]) .sanctuary-mystery-card:not([data-type=joyful]) .sanctuary-mystery-art img{opacity:0;transition:opacity .45s ease}html:not([data-vr-thumbs-cached]) .sanctuary-mystery-card:not([data-type=joyful]) .sanctuary-mystery-art img[data-vr-loaded]{opacity:1}.sanctuary-mystery-art-shade{position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.48));pointer-events:none}.sanctuary-mystery-status{position:absolute;bottom:10px;right:10px;z-index:2;display:none;align-items:center;gap:5px;max-width:calc(100% - 20px);min-height:28px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0000006b;color:var(--gold-light);font-family:var(--fm);font-size:.58rem;line-height:1.1;letter-spacing:0;text-transform:uppercase;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none}.sanctuary-mystery-status svg{display:block;width:16px;height:16px;flex:0 0 auto}html[data-vr-complete~=joyful] .sanctuary-mystery-card[data-type=joyful][data-static-title] .sanctuary-mystery-status,html[data-vr-complete~=sorrowful] .sanctuary-mystery-card[data-type=sorrowful][data-static-title] .sanctuary-mystery-status,html[data-vr-complete~=glorious] .sanctuary-mystery-card[data-type=glorious][data-static-title] .sanctuary-mystery-status,html[data-vr-complete~=luminous] .sanctuary-mystery-card[data-type=luminous][data-static-title] .sanctuary-mystery-status,.sanctuary-mystery-card.complete .sanctuary-mystery-status{display:inline-flex;color:#85d79a}html[data-vr-complete~=joyful] .sanctuary-mystery-card[data-type=joyful][data-static-title],html[data-vr-complete~=sorrowful] .sanctuary-mystery-card[data-type=sorrowful][data-static-title],html[data-vr-complete~=glorious] .sanctuary-mystery-card[data-type=glorious][data-static-title],html[data-vr-complete~=luminous] .sanctuary-mystery-card[data-type=luminous][data-static-title],.sanctuary-mystery-card.complete{border-color:#5eb2768c}.sanctuary-mystery-copy{display:flex;flex-direction:column;min-height:var(--home-card-chrome);padding-top:12px}.sanctuary-mystery-title{color:var(--home-text);font-family:var(--fd);font-size:clamp(.86rem,1.5vw,1rem);font-weight:600;line-height:1.16;overflow-wrap:anywhere}.sanctuary-mystery-progress,.sanctuary-session-progress{display:block;width:100%;height:4px;margin-top:9px;border-radius:999px;background:var(--home-faint);overflow:hidden}.sanctuary-mystery-progress{margin-top:auto}.sanctuary-mystery-progress span,.sanctuary-session-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-dark),var(--gold-light));transition:width .3s ease}.sanctuary-stats,.sanctuary-more-devotions{margin-top:32px}.sanctuary-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.sanctuary-section-header h2{margin:6px 0 0;color:var(--home-text);font-family:var(--fd);font-size:1.625rem;font-weight:400;line-height:1.08;letter-spacing:0}.sanctuary-stats-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:30px}.sanctuary-stat-tile{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;min-width:0;padding:16px 16px 14px;border:1px solid var(--home-glass-inner-border);border-radius:22px;background:var(--home-glass-inner-bg)}.sanctuary-stat-icon{grid-row:1 / span 2;width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-light);background:#c8a84b1f}.sanctuary-stat-label{color:var(--home-muted);font-size:.78rem;line-height:1.2}.sanctuary-stat-tile strong{min-width:0;color:var(--home-text);font-family:var(--fd);font-size:1.35rem;font-weight:600;line-height:1}.sanctuary-devotion-list{display:grid;gap:10px}.sanctuary-devotion-tile{display:grid;grid-template-columns:56px minmax(0,1fr) 24px;align-items:center;gap:14px;width:100%;padding:14px 16px 14px 14px;border-radius:22px;color:var(--home-text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.sanctuary-devotion-icon{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-light);background:#c8a84b1f}.sanctuary-devotion-copy{display:grid;gap:4px;min-width:0}.sanctuary-devotion-copy strong{color:var(--home-text);font-family:var(--fd);font-size:1rem;font-weight:600;line-height:1.16}.sanctuary-devotion-copy span{color:var(--home-muted);font-size:.86rem;line-height:1.32}.sanctuary-devotion-chevron{display:inline-flex;color:var(--home-muted)}.sanctuary-home-bottom-spacer{height:0}body.has-session-dock .sanctuary-home-scroll{padding-bottom:var(--session-dock-scroll-inset, calc(180px + var(--safe-bottom)));scroll-padding-bottom:var(--session-dock-scroll-inset, calc(180px + var(--safe-bottom)))}.sanctuary-session-dock{position:fixed;left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:env(safe-area-inset-bottom,0px);z-index:80;pointer-events:none;background-color:transparent;visibility:hidden}body.home-active .sanctuary-session-dock.visible{visibility:visible}body.rosary-active .sanctuary-session-dock{display:none!important}body.ios-safari-tab .sanctuary-session-dock{bottom:max(env(safe-area-inset-bottom,0px),12px)}.sanctuary-dock-panel{position:relative;overflow:visible;width:min(100%,720px);margin:0 auto;padding:0;border-radius:26px;color:#f0ede8;box-shadow:inset 0 1px 1px #fff9,inset 0 -6px 14px -10px #ffffff59,0 16px 32px -12px #000000a6;pointer-events:auto;transform:translateY(12px);transition:transform .18s ease}.sanctuary-dock-panel--backdrop{padding:10px 12px;border:1px solid rgba(255,255,255,.48);background:#ffffff0f;backdrop-filter:url(#dockDome) blur(3px) saturate(1.3);-webkit-backdrop-filter:blur(3px) saturate(1.3)}.sanctuary-dock-panel--backdrop .sanctuary-dock-mirror,.sanctuary-dock-panel--backdrop .sanctuary-dock-tint{display:none}.sanctuary-dock-panel--mirror{background:transparent;border:none}.sanctuary-dock-mirror{position:absolute;inset:0;z-index:0;filter:url(#dockDome) blur(3px) saturate(1.35) brightness(1.05);pointer-events:none;touch-action:none;border-radius:inherit;overflow:hidden}.sanctuary-dock-mirror-inner{position:absolute;top:0;left:0;will-change:transform;pointer-events:none}.sanctuary-dock-mirror-inner *,.sanctuary-dock-mirror-source *{pointer-events:none!important}.sanctuary-dock-tint{position:absolute;inset:0;z-index:1;background:#ffffff14;border:1px solid rgba(255,255,255,.45);border-radius:inherit;pointer-events:none;overflow:hidden}.sanctuary-dock-content{position:relative;z-index:2;padding:10px 12px;pointer-events:auto}body.home-active .sanctuary-session-dock.visible .sanctuary-dock-panel{transform:translateY(0)}html[data-theme=light] .sanctuary-dock-panel{color:#0f0d0a}html[data-theme=light] .sanctuary-dock-panel--backdrop{background:#ffffff42;border-color:#ffffff9e;backdrop-filter:url(#dockDome) blur(3px) saturate(1.25);-webkit-backdrop-filter:blur(3px) saturate(1.25)}html[data-theme=light] .sanctuary-dock-tint{background:#f7f1e761;border-color:#ffffff94}html[data-theme=light] .sanctuary-dock-mirror{filter:url(#dockDome) blur(3px) saturate(1.3) brightness(1.04)}html[data-theme=light] .sanctuary-session-title{color:#0f0d0a}html[data-theme=light] .sanctuary-playback-time{color:#0f0d0a99}html[data-theme=light] .sanctuary-playback-btn,html[data-theme=light] .sanctuary-playback-primary,html[data-theme=light] .sanctuary-playback-more,html[data-theme=light] .sanctuary-playback-rate-menu{color:#0f0d0a}html[data-theme=light] .sanctuary-session-progress{background:#0f0d0a2e}.sanctuary-session-summary{display:grid;grid-template-columns:auto minmax(0,1fr) 36px;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.sanctuary-session-art{display:block;max-width:52px;max-height:52px;width:auto;height:auto;border-radius:6px;object-fit:contain;background:transparent}.sanctuary-session-text{min-width:0;display:grid;gap:3px}.sanctuary-session-marquee{display:block;min-width:0;max-width:100%;overflow:hidden}.sanctuary-session-title,.sanctuary-session-subtitle{display:inline-block;white-space:nowrap;will-change:transform}.sanctuary-session-marquee.is-truncated .sanctuary-session-title,.sanctuary-session-marquee.is-truncated .sanctuary-session-subtitle{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sanctuary-session-title{font-family:var(--fd);font-size:.98rem;font-weight:600;line-height:1.16}.sanctuary-session-subtitle{color:#f0ede8;font-size:.78rem}html[data-theme=light] .sanctuary-session-subtitle{color:#0f0d0a}.sanctuary-session-progress{margin-top:4px;background:#ffffff38}.sanctuary-playback-scrub{padding:6px 0 0;touch-action:none;cursor:pointer}.sanctuary-playback-scrub.is-disabled{cursor:default;opacity:.55}.sanctuary-playback-scrub.is-scrubbing .sanctuary-session-progress span{filter:brightness(1.12)}.sanctuary-session-continue{width:36px;height:36px;border:none;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--gold-light);cursor:pointer}.sanctuary-playback{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:6px;padding-top:10px;position:relative}.sanctuary-playback-time{color:#f0ede8b8;font-family:var(--fm);font-size:.68rem;text-align:center}.sanctuary-playback-controls{display:flex;align-items:center;justify-content:center;gap:6px}.sanctuary-playback-btn,.sanctuary-playback-primary,.sanctuary-playback-rate-nudge,.sanctuary-playback-rate-preset{border:none;border-radius:999px;color:inherit;background:#ffffff24;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sanctuary-playback-btn{width:38px;height:38px}.sanctuary-playback-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.sanctuary-playback-icon[hidden]{display:none!important}.sanctuary-playback-icon svg{display:block;width:24px;height:24px}.sanctuary-playback-primary{width:50px;height:50px}.sanctuary-playback-options{position:absolute;top:calc(50% + 16px);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:4}.sanctuary-playback-options-right{right:48px}.sanctuary-playback-more{border:none;border-radius:0;color:inherit;width:28px;height:28px;padding:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sanctuary-playback-more.active{background:transparent}.sanctuary-playback-more[hidden]{display:none}.sanctuary-playback-close{position:absolute;right:8px;bottom:-2px;z-index:5;width:auto;height:auto;padding:4px;border:none;background:transparent;color:var(--gold-light);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .14s ease}.sanctuary-playback-close:hover{opacity:.9}.sanctuary-playback-close:active{transform:scale(.94)}.sanctuary-playback-rate-menu{position:absolute;right:-8px;bottom:calc(100% + 10px);width:min(292px,calc(100vw - 28px));padding:10px 12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#0e0c0aeb;box-shadow:0 16px 36px #00000061;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:grid;gap:14px;color:inherit}.sanctuary-playback-rate-menu[hidden]{display:none}html[data-theme=light] .sanctuary-playback-rate-menu{background:#f7f1e7f5;border-color:#0f0d0a1f}.sanctuary-playback-rate-header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;min-height:32px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.12)}html[data-theme=light] .sanctuary-playback-rate-header{border-bottom-color:#0f0d0a1a}.sanctuary-playback-rate-back{width:32px;height:32px;border:none;border-radius:999px;padding:0;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sanctuary-playback-rate-title{text-align:center;font-family:var(--fm);font-size:.92rem;font-weight:600;letter-spacing:.01em}.sanctuary-playback-rate-value{text-align:center;font-family:var(--fm);font-size:1.55rem;font-weight:700;letter-spacing:.01em;line-height:1.1;padding-top:2px}.sanctuary-playback-rate-slider-row{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:10px}.sanctuary-playback-rate-nudge{width:36px;height:36px;background:#ffffff1f}.sanctuary-playback-rate-nudge:disabled{opacity:.34;cursor:default}html[data-theme=light] .sanctuary-playback-rate-nudge{background:#0f0d0a14}.sanctuary-playback-rate-slider{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;touch-action:none}.sanctuary-playback-rate-slider:focus{outline:none}.sanctuary-playback-rate-slider:focus-visible{outline:2px solid rgba(255,255,255,.45);outline-offset:2px;border-radius:999px}.sanctuary-playback-rate-slider::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#ffffff47}.sanctuary-playback-rate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7.5px;border-radius:50%;border:none;background:#fff;box-shadow:0 1px 4px #00000059}.sanctuary-playback-rate-slider::-moz-range-track{height:3px;border-radius:999px;background:#ffffff47}.sanctuary-playback-rate-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:none;background:#fff;box-shadow:0 1px 4px #00000059}html[data-theme=light] .sanctuary-playback-rate-slider::-webkit-slider-runnable-track,html[data-theme=light] .sanctuary-playback-rate-slider::-moz-range-track{background:#0f0d0a38}html[data-theme=light] .sanctuary-playback-rate-slider::-webkit-slider-thumb,html[data-theme=light] .sanctuary-playback-rate-slider::-moz-range-thumb{background:#0f0d0a}.sanctuary-playback-rate-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start}.sanctuary-playback-rate-preset{position:relative;width:100%;min-height:34px;padding:8px 4px 18px;border-radius:999px;background:#ffffff1f;flex-direction:column;gap:0;font-family:var(--fm);font-size:.78rem;font-weight:600}.sanctuary-playback-rate-preset.selected{background:#ffffff38}html[data-theme=light] .sanctuary-playback-rate-preset{background:#0f0d0a14}html[data-theme=light] .sanctuary-playback-rate-preset.selected{background:#0f0d0a24}.sanctuary-playback-rate-preset-value{line-height:1.1}.sanctuary-playback-rate-preset-hint{position:absolute;left:50%;bottom:3px;transform:translate(-50%);font-size:.58rem;font-weight:500;letter-spacing:.01em;opacity:.72;white-space:nowrap}.sanctuary-playback-btn:disabled{opacity:.34;cursor:default}.sanctuary-stats-sheet-overlay{position:fixed;inset:0;z-index:2100;display:flex;align-items:flex-end;justify-content:center;padding:14px;background-color:var(--bg)}.sanctuary-stats-sheet-overlay:before{content:"";position:absolute;inset:0;background:#05050775;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;z-index:0}html[data-theme=light] .sanctuary-stats-sheet-overlay:before{background:#f3efe675}.sanctuary-stats-sheet-overlay>*{position:relative;z-index:1}.sanctuary-stats-sheet{width:min(100%,560px);max-height:min(560px,calc(100vh - 48px));overflow:auto;padding:14px 18px 18px;border:1px solid var(--home-outline);border-radius:30px 30px 20px 20px;background:#100e0ce6;color:#f0ede8;box-shadow:0 24px 70px #00000061;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}html[data-theme=light] .sanctuary-stats-sheet{background:#f7f1e7f0;color:#0f0d0a}.sanctuary-sheet-handle{width:42px;height:4px;margin:0 auto 14px;border-radius:999px;background:currentColor;opacity:.25}.sanctuary-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.sanctuary-sheet-header h2{margin:0;font-family:var(--fd);font-size:1.4rem;font-weight:600;letter-spacing:0}.sanctuary-sheet-header p{margin:4px 0 0;color:var(--home-muted);font-size:.86rem}.sanctuary-sheet-actions{display:flex;align-items:center;gap:8px}.sanctuary-sheet-reset,.sanctuary-sheet-close{border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:inherit;border-radius:999px;cursor:pointer}html[data-theme=light] .sanctuary-sheet-reset,html[data-theme=light] .sanctuary-sheet-close{border-color:#0f0d0a24;background:#0f0d0a0a}.sanctuary-sheet-reset{min-height:36px;padding:8px 12px;font-family:var(--fd)}.sanctuary-sheet-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.sanctuary-stats-list{display:grid;gap:8px}.sanctuary-stats-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}html[data-theme=light] .sanctuary-stats-row{border-bottom-color:#0f0d0a17}.sanctuary-stats-row span{color:inherit;min-width:0}.sanctuary-stats-row strong{font-family:var(--fd);font-size:1rem}@media(max-width:539px){.sanctuary-stats-panel{grid-template-columns:1fr}}@media(max-width:560px){.sanctuary-greeting{font-size:2rem}.sanctuary-mystery-card{border-radius:18px;padding:8px}.sanctuary-mystery-art{border-radius:13px}.sanctuary-mystery-status{bottom:7px;right:7px;padding:5px 7px;font-size:.52rem}.sanctuary-mystery-status span{display:none}}@media(max-width:360px){.sanctuary-home-scroll{padding-left:12px;padding-right:12px}.sanctuary-mystery-grid{gap:8px}.sanctuary-mystery-title{font-size:.78rem}.sanctuary-devotion-tile{grid-template-columns:48px minmax(0,1fr) 20px;gap:10px}.sanctuary-devotion-icon{width:48px;height:48px}}@media(max-height:620px){.sanctuary-home-scroll{padding-top:calc(12px + var(--safe-top))}.sanctuary-greeting{margin-top:4px;margin-bottom:3px;font-size:1.75rem}.sanctuary-subtitle{font-size:.84rem}.sanctuary-mysteries{--home-card-chrome: 50px;--home-grid-available-height: calc(var(--home-grid-sizing-height) - 144px);margin-top:12px}.sanctuary-mystery-card{padding:6px;border-radius:16px}.sanctuary-mystery-art{border-radius:11px}.sanctuary-mystery-copy{padding-top:7px}.sanctuary-mystery-title{font-size:.8rem}.sanctuary-stats,.sanctuary-more-devotions{margin-top:22px}}@media(max-height:440px){.sanctuary-header-actions{gap:6px}.sanctuary-pill-button{min-height:34px;padding:7px 10px}.sanctuary-micro-chip{min-height:30px}.sanctuary-mysteries{--home-card-chrome: 38px;--home-grid-available-height: calc(var(--home-grid-sizing-height) - 112px)}.sanctuary-mystery-title{font-size:.7rem}.sanctuary-mystery-status{display:none}}