@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(/en/app/assets/fonts/outfit-v15-latin/outfit-v15-latin-300.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/en/app/assets/fonts/outfit-v15-latin/outfit-v15-latin-regular.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/en/app/assets/fonts/outfit-v15-latin/outfit-v15-latin-600.woff2) format("woff2")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/en/app/assets/fonts/outfit-v15-latin/outfit-v15-latin-800.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/en/app/assets/fonts/jetbrains-mono-v24-latin/jetbrains-mono-v24-latin-300.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/en/app/assets/fonts/jetbrains-mono-v24-latin/jetbrains-mono-v24-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/en/app/assets/fonts/inter-v20-latin/inter-v20-latin-300.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/en/app/assets/fonts/inter-v20-latin/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/en/app/assets/fonts/inter-v20-latin/inter-v20-latin-300italic.woff2) format("woff2")}:root{--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);--slider-width: clamp(40px, 6vw, 64px);--slider-height: clamp(160px, 25vh, 240px);--slider-padding: clamp(12px, 2vh, 24px) clamp(8px, 1.5vw, 20px);--slider-track-width: clamp(120px, 20vw, 180px);--slider-track-height: clamp(20px, 4vh, 48px);--slider-thumb-size: clamp(40px, 6vw, 56px);--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-bar-thickness: clamp(2.5px, .5vw, 4px);--mobile-text-scale: 1}html[data-theme=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)}html[data-theme=light] #mystery-selection-overlay,html[data-theme=light] .mystery-overlay{background:#f3efe6}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{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{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 .cross-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:not([data-start-screen=true]) .mystery-dialog{background:#f3efe6;border-color:#0000001a}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-dialog-title{color:var(--alabaster)}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-choice{background:#00000005;color:var(--alabaster)}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-choice:hover{background:#0000000d;border-color:#0000001f;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000a}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-choice.selected{background:#a070101a;border-color:#a070104d}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-action-secondary:hover{background:#0000000a}html[data-theme=light] .language-dialog-modern{background:#fffffffa;border-color:#0000001a}html[data-theme=light] .language-search{background:#0000000a;border-color:#0000001a;color:var(--alabaster)}html[data-theme=light] .language-search::placeholder{color:var(--mono)}html[data-theme=light] .language-search:focus{border-color:#8a6d1e66;background:#0000000f}html[data-theme=light] .search-clear{background:#0000000f;color:var(--mono)}html[data-theme=light] .search-clear:hover{background:#0000001a;color:var(--alabaster)}html[data-theme=light] .current-name{color:var(--alabaster)}html[data-theme=light] .language-item{color:var(--dim)}html[data-theme=light] .language-item:hover{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] .language-no-results{color:var(--mono)}html[data-theme=light] .info-dialog{background:#fffffffa;border-color:#00000014}html[data-theme=light] .info-tabs{background:#0000000d;border-color:#0000001a}html[data-theme=light] .info-tab:hover{background:#00000014}html[data-theme=light] .info-tab.active{background:linear-gradient(135deg,#c9a030,#e0b840);color:#fff}html[data-theme=light] .info-tab.install-btn:not(.installed):not(:disabled){color:#b89420;border-color:#c8a84b73}html[data-theme=light] .info-tab.install-btn:not(.installed):not(:disabled):hover{background:#c8a84b1a;color:#c9a030}html[data-theme=light] .attribution-language h4{color:#b89420;border-bottom-color:#c8a84b59}html[data-theme=light] .attribution-item .year{color:#b89420e6}html[data-theme=light] .attribution-item .license{color:#b89420bf}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-action,html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .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:not([data-start-screen=true]) .mystery-dialog:before{background:linear-gradient(90deg,#e8b820,#a07010,#c8a84b)}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .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:not([data-start-screen=true]) .mystery-choice:before{background:linear-gradient(90deg,#e8b820,#a07010,#c8a84b)}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-action,html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .mystery-action-primary{background:linear-gradient(135deg,#e8b820,#a07010)}html[data-theme=light] .language-dialog-modern:before{background:linear-gradient(90deg,#e8b820,#a07010,#c8a84b)}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 h1{background:linear-gradient(135deg,#e8b820,#a07010);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .error-screen button{background:linear-gradient(135deg,#e8b820,#a07010)}html[data-theme=light] .global-loading{background:#f8f6f2e6}html[data-theme=light] .loading-message,html[data-theme=light] .error-screen p{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 .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{color:var(--alabaster)}html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter .cross-icon,html[data-theme=light] body.force-desktop-layout .sidebar-panel .step-counter:hover .cross-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 .step-counter{color:#ffffffe6}html[data-theme=light] .text-navigation-panel .mystery-btn:hover,html[data-theme=light] .text-navigation-panel .reset-btn:hover{color:#fff}html[data-theme=light] .text-navigation-panel .step-counter:hover .cross-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: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}.grain-overlay{position:fixed;inset:0;pointer-events:none;z-index:900;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")}#app{width:100vw;max-width:100vw;margin:0 auto;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:clamp(6px,1.5vh,12px) 0;background:transparent;z-index:100;opacity:0;transition:opacity .3s ease;display:flex;justify-content:space-evenly;align-items:center;gap:0;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.progress-bar:before{content:"";position:fixed;top:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#0009,#0006,#0000);pointer-events:none;z-index:-1}.progress-bar::-webkit-scrollbar{display:none}.progress-bead{flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:opacity .3s cubic-bezier(.4,0,.2,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:clamp(11px,2.4vw,18px);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);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.cross.active:before{transform:scale(1.1);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.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:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:clamp(36px,6vh,52px);position:relative}.panel-navigation.inset-override{padding-left:var(--nav-padding-inline);padding-right:var(--nav-padding-inline)}.left-controls,.right-controls{display:flex;gap:var(--control-gap);align-items:center;flex:0 1 auto;min-width:0}.center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% - var(--safe-bottom) / 2));display:flex;flex-direction:column;align-items:center;gap:.25rem}.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:#ffffffe6}.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:#fff;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)}.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}.step-counter .cross-icon{width:clamp(12px,2.5vw,16px);height:clamp(18px,3.5vw,24px);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 .cross-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-btn-container{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1002}#rosary-btn{position:relative;z-index:1003;transition:all .3s cubic-bezier(.34,1.56,.64,1)}#rosary-btn svg{pointer-events:none;transition:all .3s ease}#rosary-btn:hover svg{transform:rotate(15deg)}#rosary-btn.active{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(232,184,32,.5));transition:all .3s cubic-bezier(.34,1.56,.64,1)}#rosary-btn.active svg{animation:sunGlow 2s ease-in-out infinite}@keyframes sunGlow{0%,to{filter:drop-shadow(0 0 2px rgba(232,184,32,.4));transform:rotate(0)}50%{filter:drop-shadow(0 0 6px rgba(232,184,32,.7));transform:rotate(180deg)}}.darkness-slider{position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);width:var(--slider-width);height:var(--slider-height);display:none;z-index:998;padding:var(--slider-padding);animation:slideUp .2s ease-out}.darkness-control{width:var(--slider-track-width);height:var(--slider-track-height);appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;writing-mode:bt-lr;-webkit-writing-mode:bt-lr;transform:rotate(270deg);transform-origin:center;position:absolute;left:50%;top:50%;margin-left:calc(var(--slider-track-width) / -2);margin-top:calc(var(--slider-track-height) / -2);touch-action:none}.darkness-control::-webkit-slider-runnable-track{width:100%;height:4px;background:#fff3;border-radius:2px;border:1px solid rgba(255,255,255,.15)}.darkness-control::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);cursor:pointer;margin-top:calc((var(--slider-thumb-size) - 4px) / -2);transition:all .15s ease}.darkness-control::-webkit-slider-thumb:hover{background:#ffffff40;transform:scale(1.1)}.darkness-control::-moz-range-track{width:100%;height:4px;background:#fff3;border-radius:2px}.darkness-control::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);cursor:pointer}#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:not([data-start-screen=true]){position:fixed;inset:0;background:#050507e0;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mystery-overlay:not([data-start-screen=true]) .mystery-dialog{background:#0a0a0cd9;border:1px solid rgba(255,255,255,.08);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:not([data-start-screen=true]) .mystery-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--gold-dark),var(--gold));opacity:.6;pointer-events:none}.mystery-overlay:not([data-start-screen=true]) .mystery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;min-height:20px}.mystery-overlay:not([data-start-screen=true]) .mystery-header-actions{display:flex;align-items:center;gap:.35rem}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn,.mystery-overlay:not([data-start-screen=true]) .language-btn,.mystery-overlay:not([data-start-screen=true]) .info-btn,.mystery-overlay:not([data-start-screen=true]) .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:not([data-start-screen=true]) .theme-toggle-btn{flex-shrink:0;width:36px;height:36px;padding:0;border-radius:50%;justify-content:center}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn .theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn svg{width:20px;height:20px;flex-shrink:0;object-fit:contain}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn .icon-sun{display:none}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn .icon-moon{display:block}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn .icon-sun{display:block}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn .icon-moon{display:none}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn:hover,.mystery-overlay:not([data-start-screen=true]) .language-btn:hover,.mystery-overlay:not([data-start-screen=true]) .info-btn:hover,.mystery-overlay:not([data-start-screen=true]) .close-btn:hover{color:var(--accent);background:#e8b8200a}html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn:hover,html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .language-btn:hover,html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .info-btn:hover,html[data-theme=light] .mystery-overlay:not([data-start-screen=true]) .close-btn:hover{background:#a070100f}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn:active,.mystery-overlay:not([data-start-screen=true]) .language-btn:active,.mystery-overlay:not([data-start-screen=true]) .info-btn:active,.mystery-overlay:not([data-start-screen=true]) .close-btn:active{transform:scale(.95)}.mystery-overlay:not([data-start-screen=true]) .theme-toggle-btn svg,.mystery-overlay:not([data-start-screen=true]) .language-btn svg{opacity:.8}.mystery-overlay:not([data-start-screen=true]) .mystery-dialog-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px;font-family:var(--fd);letter-spacing:-.02em}.mystery-overlay:not([data-start-screen=true]) .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:not([data-start-screen=true]) .mystery-buttons{display:grid;grid-template-columns:1fr;gap:6px;min-height:0}.mystery-overlay:not([data-start-screen=true]) .mystery-choice{background:#ffffff04;border:1px solid var(--glass);color:#fff;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:not([data-start-screen=true]) .mystery-choice:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--gold-dark),var(--gold));opacity:.35;transition:opacity .3s ease}.mystery-overlay:not([data-start-screen=true]) .mystery-choice:hover{transform:translateY(-3px);background:#ffffff0e;border-color:#ffffff24;box-shadow:0 12px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff1f}.mystery-overlay:not([data-start-screen=true]) .mystery-choice:hover:before{opacity:.7}.mystery-overlay:not([data-start-screen=true]) .mystery-choice.selected{background:#e8b8200f;border-color:#e8b82047;color:#fff}.mystery-overlay:not([data-start-screen=true]) .mystery-choice.selected:before{opacity:.8}.mystery-overlay:not([data-start-screen=true]) .today-badge{color:var(--gold);flex-shrink:0;pointer-events:none;opacity:.9}.mystery-overlay:not([data-start-screen=true]) .mystery-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 2rem;min-height:44px;background:linear-gradient(135deg,var(--accent),var(--gold-dark));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:not([data-start-screen=true]) .mystery-action:hover{opacity:.88;transform:translateY(-2px)}.mystery-overlay:not([data-start-screen=true]) .mystery-action:active{transform:translateY(0);opacity:.75}.mystery-overlay:not([data-start-screen=true]) .mystery-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.mystery-overlay:not([data-start-screen=true]) .mystery-action-primary{background:linear-gradient(135deg,var(--accent),var(--gold-dark));color:var(--bg);font-weight:700}.mystery-overlay:not([data-start-screen=true]) .mystery-action-secondary{background:transparent;border:1px solid var(--glass);color:var(--dim);box-shadow:none}.mystery-overlay:not([data-start-screen=true]) .mystery-action-secondary:hover{background:#ffffff0d;opacity:1;transform:translateY(-1px)}.mystery-overlay:not([data-start-screen=true]) .mystery-action svg{pointer-events:none}.language-dialog-modern{background:#050507f5;border:1px solid var(--glass);border-radius:2px;width:90vw;max-width:400px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.language-dialog-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent),var(--gold-dark),var(--gold));opacity:.5;pointer-events:none;z-index:1}.language-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--glass);flex-shrink:0}.language-search-container{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--mono);pointer-events:none}.language-search{width:100%;background:#ffffff0d;border:1px solid var(--glass);border-radius:2px;padding:10px 40px;color:var(--alabaster);font-size:.85rem;font-family:var(--fi);outline:none;transition:border-color .2s ease,background .2s ease}.language-search::placeholder{color:var(--mono)}.language-search:focus{border-color:#e8b82059;background:#ffffff12}.search-clear{position:absolute;right:8px;background:#ffffff14;border:none;border-radius:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mono);transition:all .2s ease}.search-clear:hover{background:#ffffff26;color:var(--alabaster)}.language-close-btn{background:transparent;border:none;color:var(--mono);width:36px;height:36px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}.language-close-btn:hover{background:#e8b8200a;color:var(--accent)}.language-current{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#e8b8200a;border-bottom:1px solid rgba(232,184,32,.12);flex-shrink:0}.current-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-family:var(--fm);font-weight:400}.current-name{color:#fff;font-size:.85rem;font-family:var(--fi)}.language-list{flex:1;overflow-y:auto;padding:6px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.language-list::-webkit-scrollbar{width:4px}.language-list::-webkit-scrollbar-track{background:transparent}.language-list::-webkit-scrollbar-thumb{background:#e8b82033;border-radius:2px}.language-list::-webkit-scrollbar-thumb:hover{background:#e8b82059}.language-item{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:#ffffffe0;padding:12px 14px;border-radius:2px;font-size:.87rem;font-family:var(--fi);cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.language-item:hover{background:#ffffff0f;color:#fff}.language-item:active{background:#ffffff14}.language-item.current{background:#e8b8200f;color:var(--accent)}.language-item.current .check-icon{color:var(--accent)}.language-item.loading{opacity:.6;pointer-events:none}.language-item.loading:after{content:"";width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.language-item .lang-name{flex:1}.language-no-results{padding:40px 20px;text-align:center;color:#ffffff80;font-family:var(--fm);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.language-dialog{max-width:400px;max-height:80vh;overflow-y:auto}.lang-code{font-family:var(--fm);font-size:.55rem;font-weight:400;letter-spacing:.1em;margin-left:4px}.info-dialog{max-width:500px;max-height:80vh;min-height:300px;display:flex;flex-direction:column;padding:20px 20px 24px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0;gap:12px}.info-tabs{display:flex;gap:6px;background:#ffffff0f;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08)}.info-tab{background:transparent;border:none;color:var(--dim);width:38px;height:38px;border-radius:10px;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;justify-content:center}.info-tab svg{width:18px;height:18px;fill:currentColor}.info-tab:hover{color:var(--alabaster);background:#ffffff14}.info-tab.active{background:linear-gradient(135deg,var(--accent),var(--gold-dark));color:var(--bg)}.info-tab.install-btn{position:relative}.info-tab.install-btn:not(.installed):not(:disabled){color:var(--gold);border:1px solid rgba(200,168,75,.3)}.info-tab.install-btn:not(.installed):not(:disabled):hover{background:#c8a84b14;color:var(--gold)}.info-tab.install-btn.installed{color:#64c864cc;cursor:default}.info-tab.install-btn.installed:hover{background:transparent;color:#64c864cc}.info-tab-content{display:none;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:8px;margin-right:-8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.info-tab-content.active{display:flex;flex-direction:column}.info-tab-content::-webkit-scrollbar{width:6px}.info-tab-content::-webkit-scrollbar-track{background:transparent}.info-tab-content::-webkit-scrollbar-thumb{background:#e8b82040;border-radius:3px}.info-tab-content::-webkit-scrollbar-thumb:hover{background:#e8b82066}.stats-content{display:flex;flex-direction:column;gap:16px;padding:4px 0 16px}.stats-total{font-family:var(--fd);font-weight:600;font-size:.9rem;color:var(--alabaster);margin:0 0 4px}.stats-total-count{color:var(--accent);font-weight:700}.stats-intro{color:var(--dim);font-size:.82rem;line-height:1.6;font-family:var(--fi);font-weight:300;margin:0}.stats-list{display:flex;flex-direction:column;gap:8px}.stats-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px}.stats-label{color:var(--alabaster);font-size:.88rem;font-family:var(--fi);font-weight:400}.stats-count{color:var(--accent);font-size:.95rem;font-family:var(--fd);font-weight:600}.stats-reset-btn{align-self:flex-start;padding:8px 14px;font-size:.8rem;font-family:var(--fi);color:var(--dim);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.stats-reset-btn:hover{color:var(--alabaster);border-color:#fff3;background:#ffffff0f}.about-content{color:var(--dim);font-size:.88rem;line-height:1.8;font-family:var(--fi);font-weight:300;padding:4px 0 16px}.about-content .about-heading{font-family:var(--fd);font-weight:800;font-size:1.15rem;letter-spacing:-.03em;margin:0 0 20px;text-align:center;color:var(--alabaster)}.about-content p{margin:0 0 16px;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}.about-content p:last-child{margin-bottom:0;padding-bottom:8px}.attribution-dialog{max-width:500px;max-height:85vh;display:flex;flex-direction:column}.attribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.attribution-title{background:linear-gradient(135deg,var(--accent),var(--gold-dark),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1rem;font-family:var(--fd);font-weight:600;margin:0}.attribution-description{color:var(--dim);font-family:var(--fi);font-size:.85rem;font-weight:300;line-height:1.75;margin-bottom:20px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.attribution-list{flex:1;padding-bottom:8px}.info-tab-content .attribution-list{overflow:visible}.attribution-language{margin-bottom:20px}.attribution-language h4{color:var(--gold);font-size:.75rem;font-family:var(--fd);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(200,168,75,.2)}.attribution-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:10px;transition:background .2s,border-color .2s}.attribution-item:hover{background:#ffffff0f;border-color:#ffffff1f}.attribution-item strong{color:var(--alabaster);font-size:.84rem;font-family:var(--fd);font-weight:600;display:block;margin-bottom:2px}.attribution-item .native-name{color:var(--dim);font-size:.78rem;font-style:italic;font-family:var(--fi)}.attribution-item .year{color:#c8a84bd9;font-family:var(--fm);font-size:.62rem;letter-spacing:.08em;margin-left:8px}.attribution-item .attribution-text{color:var(--dim);font-family:var(--fi);font-size:.8rem;font-weight:300;line-height:1.6;margin:6px 0 0}.attribution-item .license{color:#c8a84ba6;font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;font-style:normal;text-transform:uppercase;margin:6px 0 0}[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 slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) 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}.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%)}html[data-theme=light] .app-shell .progress-bar:before{background:transparent!important}.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}.art-panel .main-content{flex:1;min-height:0;position:relative}.art-panel .background-image{object-fit:contain;object-position:center;position:absolute;inset:0;width:100%;height:100%}.sidebar-panel{position:relative;width:100%;min-width:0;z-index:100;display:flex;flex-direction:column;min-height:0;background:#050507e0;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass);border-left:none;border-radius:0 4px 4px 0;padding:0;overflow:hidden}.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}html[data-theme=light] .sidebar-panel:before{background:linear-gradient(90deg,transparent,#e8b820,#a07010,#c8a84b,transparent);opacity:.55}html[data-theme=light] .sidebar-inner .mystery-title-ref{background:linear-gradient(135deg,#e8b820,#a07010 60%,#c8a84b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .sidebar-panel .step-counter .cross-icon,html[data-theme=light] .sidebar-panel .step-counter:hover .cross-icon{filter:none}.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}.sidebar-inner .sidebar-header{flex:0 0 auto;padding:0 0 24px;margin-bottom:0;border-bottom:none;display:flex;flex-direction:column}.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}.sidebar-inner .prayer-text-wrap{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.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}.sidebar-inner .text-scroll-container-ref .text-content{min-height:100%;display:flex;flex-direction:column;padding-inline-end:4px}.sidebar-inner .text-scroll-container-ref .text-content>*{margin-top:auto;margin-bottom:auto}.sidebar-inner .scripture-ref{font-family:var(--fs);font-size:1.05rem;line-height:1.9;color:#ffffffe6;font-weight:300;text-align:left}.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}.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:15px 18px}.sidebar-panel .hide-btn,.sidebar-panel .rosary-btn-container{display:none!important}.sidebar-inner .text-scroll-container-ref{background:transparent!important}.sidebar-panel .text-navigation-panel{display:none}.sidebar-panel .nav-btn{color:var(--alabaster);border-color:var(--glass)}.sidebar-panel .nav-btn:hover:not(:disabled){color:var(--accent);border-color:#e8b82040;background:#e8b8200a}.sidebar-panel .mystery-btn{color:#ffffffe6;text-shadow:none}.sidebar-panel .mystery-btn:hover{color:#fff}.sidebar-panel .reset-btn,.sidebar-panel .step-counter{color:#fffc}.sidebar-panel .reset-btn:hover{color:#fff}.sidebar-panel .step-counter:hover .cross-icon{filter:drop-shadow(0 0 6px rgba(232,184,32,.5))}.art-panel>#rosary-canvas.rosary-canvas-splitscreen{position:absolute;inset:0;width:100%;height:100%}}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:#050507e0!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:#ffffffe6;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}body.force-desktop-layout .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:15px 18px}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:#ffffffe6;text-shadow:none}body.force-desktop-layout .sidebar-panel .mystery-btn:hover{color:#fff}body.force-desktop-layout .sidebar-panel .reset-btn,body.force-desktop-layout .sidebar-panel .step-counter{color:#fffc}body.force-desktop-layout .sidebar-panel .reset-btn:hover{color:#fff}body.force-desktop-layout .sidebar-panel .step-counter:hover .cross-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:#050507d9;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.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)}.error-screen{position:fixed;inset:0;background:var(--bg);color:var(--alabaster);font-family:var(--fd);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.error-screen h1{font-family:var(--fd);font-weight:800;font-size:1.5rem;letter-spacing:-.04em;margin-bottom:1rem;background:linear-gradient(135deg,var(--accent),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-screen p{color:#ffffffe0;font-family:var(--fi);font-weight:300;margin-bottom:.5rem;line-height:1.6}.error-screen button{margin-top:20px;background:linear-gradient(135deg,var(--accent),var(--gold-dark));color:var(--bg);border:none;padding:12px 24px;font-size:.82rem;letter-spacing:.04em;cursor:pointer;border-radius:2px;font-family:var(--fd);font-weight:700;transition:opacity .2s,transform .2s;box-shadow:0 4px 24px #e8b82033}.error-screen button:hover{opacity:.88;transform:translateY(-2px)}.error-screen button:active{transform:scale(.98)}.vr-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);background:#050507eb;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)}.install-dialog{max-width:360px}.install-instructions{text-align:center}.install-title{font-family:var(--fd);font-weight:800;font-size:1.1rem;letter-spacing:-.03em;margin-bottom:20px;color:#fff}.install-steps{text-align:left;color:#ffffffe0;font-family:var(--fi);font-size:.87rem;font-weight:300;line-height:1.7}.install-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.step-number{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,var(--accent),var(--gold-dark));color:var(--bg);border-radius:2px;display:flex;align-items:center;justify-content:center;font-family:var(--fm);font-weight:400;font-size:.7rem;letter-spacing:.05em}.step-content{flex:1;padding-top:4px}.step-content strong{color:#fff}.install-step-alt{background:#ffffff08;border:1px solid var(--glass);border-radius:2px;padding:12px;margin-top:16px;font-size:.82rem;font-family:var(--fi);font-weight:300;color:#ffffffd1}.install-step-alt strong{color:var(--accent)}.install-note-small{margin-top:16px;padding-top:12px;border-top:1px solid var(--glass);font-family:var(--fm);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mono);text-align:center}.install-done-btn{margin-top:20px;width:100%;background:linear-gradient(135deg,#c8a84b,#f0dea0,#a07010)!important;color:#1a1408!important;box-shadow:0 4px 24px #c8a84b40,0 0 0 1px #c8a84b33}html[data-theme=light] .install-dialog .install-done-btn{background:linear-gradient(135deg,#c8a84b,#f0dea0,#a07010)!important;color:#1a1408!important}