*{transition:all .3s ease-in-out}.app{background:linear-gradient(135deg,#1a0b2e,#2d1b69 50%,#1a0b2e);height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}@font-face{font-family:Cloister Black;font-style:normal;font-weight:400;src:url(/static/media/Remingtoned.b865efa293edf37e9254.ttf) format("truetype")}.page-left{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:var(--glass-bg);border:2px solid #d4af374d;border:2px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d;box-sizing:border-box;color:#f8f4e6;color:var(--text-color);font-family:Cloister Black,serif;font-size:1.4rem;letter-spacing:1px;line-height:1.8;overflow-y:auto;padding:20px;position:relative;text-align:center;text-shadow:2px 2px 4px #00000080;z-index:2}.page-right{background:#0d0a1a;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:0}.page-right img{filter:brightness(.9) contrast(1.1);height:100%;object-fit:contain;opacity:1;transform:scale(1);transition:opacity 1.5s ease-in-out,transform .3s ease-in-out;width:100%}.page-right img:hover{transform:scale(1.05)}.page-right:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1.5s ease-in-out;width:100%;z-index:-1}img#logo{height:30px;width:20px}:root{--background:linear-gradient(135deg,#1a0b2e,#2d1b69 50%,#1a0b2e);--text-color:#f8f4e6;--surface:#8b451326;--primary:#d4af37;--secondary:#8b4513;--accent:#4a148c;--glass-bg:#ffffff14;--glass-border:#d4af374d;--catholic-gold:#d4af37;--catholic-red:#8b0000;--catholic-blue:#1e3a8a;--catholic-purple:#4a148c;--catholic-white:#f8f4e6;--font-size-multiplier:1}.dark{--background:linear-gradient(135deg,#0d0a1a,#1a0b2e 50%,#0d0a1a);--text-color:#f8f4e6;--surface:#8b451333;--primary:#d4af37;--secondary:#8b4513;--accent:#6a1b9a;--glass-bg:#ffffff0d;--glass-border:#d4af3766}button{border-radius:12px;box-shadow:0 4px 15px #0003;color:#f8f4e6;color:var(--text-color);cursor:pointer;font-family:Cloister Black,serif;outline:none;overflow:hidden;position:relative;transition:all .3s ease}button:before{background:linear-gradient(90deg,#0000,#d4af374d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button:hover:before{left:100%}.button-active{background:linear-gradient(135deg,#d4af37,#8b0000);background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border-color:#d4af37;border-color:var(--catholic-gold);box-shadow:0 6px 20px #d4af3766}.button-inactive{background:#ffffff14;background:var(--glass-bg);border-color:#d4af374d;border-color:var(--glass-border)}body{background:linear-gradient(135deg,#1a0b2e,#2d1b69 50%,#1a0b2e);background:var(--background);color:#f8f4e6;color:var(--text-color);font-family:Cloister Black,serif;margin:0;overflow:hidden;padding:0;transition:all .3s ease}.container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #d4af374d;border:2px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:16px}.container,.stained-glass-overlay{background:#ffffff14;background:var(--glass-bg)}.stained-glass-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:3px solid #d4af374d;border:3px solid var(--glass-border);border-radius:20px;box-shadow:inset 0 0 50px #d4af371a;z-index:1}@media (max-width:768px){.app{padding:0}.page-left{font-size:clamp(16px,4vw,20px);line-height:1.7;margin:10px;padding:16px}.page-right{height:100vh;left:0;position:fixed;top:0;width:100vw}.page-right img{height:100%;object-fit:contain;width:100%}.interactive-rosary{bottom:0;left:0;min-height:300px;position:relative;right:0;top:0}}@media (max-width:480px){.button-container{gap:8px;padding:8px}.button{border-radius:8px;font-size:14px;min-height:48px;padding:8px 12px}.page-left{font-size:clamp(14px,3.5vw,18px);margin:8px;padding:12px}.page-right img{height:100%;object-fit:contain;width:100%}}button:hover{background-color:#4a148c;background-color:var(--accent)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;position:fixed;right:20px;top:20px}@keyframes gentleCameraPan{0%{filter:brightness(.5) contrast(1.1);opacity:0;transform:scale(1.05) translate(1%,1%)}15%{opacity:.4}40%{filter:brightness(.7) contrast(1.1);opacity:1}to{filter:brightness(.7) contrast(1.1);opacity:1;transform:scale(1) translate(0)}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0003;border:2px solid #d4af371a;border-radius:10px;box-shadow:inset 0 0 10px #0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af3799,#d4af37cc 50%,#b8860b99);border:2px solid #d4af374d;border-radius:10px;box-shadow:0 0 10px #d4af3766,inset 0 2px 4px #fff3,inset 0 -2px 4px #0000004d;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4af37cc,#d4af37 50%,#b8860bcc);box-shadow:0 0 15px #d4af3799,inset 0 2px 6px #ffffff4d,inset 0 -2px 6px #0006}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#b8860be6,#d4af37e6 50%,#b8860be6);box-shadow:0 0 20px #d4af37cc,inset 0 3px 8px #00000080}::-webkit-scrollbar-corner{background:#0003;border-radius:10px}*{scrollbar-color:#d4af37b3 #0003;scrollbar-width:thin}@media (prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#0006;border:2px solid #d4af3726}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af3780,#d4af37b3 50%,#b8860b80)}}.page-left::-webkit-scrollbar{width:10px}.page-left::-webkit-scrollbar-track{background:#00000026;border:1px solid #d4af3726;border-radius:8px}.page-left::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d4af3780,#d4af37b3 50%,#b8860b80);border:1px solid #d4af3740;border-radius:8px}.page-left::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#d4af37b3,#d4af37e6 50%,#b8860bb3);box-shadow:0 0 10px #d4af3780}.litany-display{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100%;padding:20px;position:relative;text-align:center;z-index:10}.litany-counter{color:var(--catholic-gold);font-size:14px;opacity:.8;text-shadow:1px 1px 2px #000000b3}.litany-counter,.litany-invocation{font-family:Cloister Black,serif;position:relative;z-index:11}.litany-invocation{font-size:clamp(18px,4vw,24px);font-weight:700;line-height:1.6;margin-bottom:10px}.litany-invocation,.litany-response{text-shadow:2px 2px 4px #00000080;transition:all .3s ease}.litany-response{font-family:Cloister Black,serif;font-size:clamp(16px,3.5vw,20px);font-style:italic;font-weight:500;line-height:1.5;opacity:.9;position:relative;z-index:11}.litany-navigation{margin-top:20px;position:relative;z-index:11}.nav-hint{color:var(--catholic-gold);font-family:Cloister Black,serif;font-size:12px;opacity:.7;text-shadow:1px 1px 2px #000000b3}@media (max-width:768px){.litany-display{gap:15px;padding:15px}.litany-invocation{font-size:clamp(16px,4vw,20px)}.litany-response{font-size:clamp(14px,3.5vw,18px)}}@media (max-width:480px){.litany-display{gap:12px;padding:10px}}.litany-invocation,.litany-response{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.litany-display:hover .litany-invocation,.litany-display:hover .litany-response{text-shadow:3px 3px 6px #000000b3}.litany-progress-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;border:1px solid #d4af3766;border-radius:8px;box-shadow:0 4px 16px #0000004d;left:50%;max-width:400px;padding:8px;pointer-events:none;position:fixed;top:10px;transform:translateX(-50%);width:calc(100% - 20px);z-index:100}.litany-progress-title{color:var(--catholic-gold);font-family:Cloister Black,serif;font-size:12px;font-weight:700;margin-bottom:6px;text-align:center;text-shadow:1px 1px 2px #000000b3}.litany-bars{gap:4px}.litany-bar-section,.litany-bars{display:flex;flex-direction:column}.litany-bar-section{gap:2px}.bar-label{align-items:center;color:var(--catholic-gold);display:flex;font-family:Cloister Black,serif;font-size:10px;justify-content:space-between;text-shadow:1px 1px 2px #000000b3}.bar-count{font-size:9px;opacity:.8}.litany-bar-container{background:#0000004d;border-radius:6px;height:12px;overflow:hidden;position:relative}.litany-bar-background{background:linear-gradient(90deg,#d4af371a,#d4af3733 50%,#d4af371a);bottom:0;right:0}.litany-bar-background,.litany-bar-fill{border-radius:10px;left:0;position:absolute;top:0}.litany-bar-fill{background:linear-gradient(90deg,#fff3,#fff6 50%,#fff3);height:100%;transition:all .5s ease}.litany-bar-fill.active{animation:pulse 2s ease-in-out infinite}.litany-bar-fill.completed{animation:boss-complete 2s ease-in-out}.litany-bar-glow{animation:pulse-glow 2s ease-in-out infinite;border-radius:12px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px}@keyframes pulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.02)}}@keyframes boss-complete{0%{opacity:1;transform:scale(1)}25%{opacity:.9;transform:scale(1.1)}50%{box-shadow:0 0 30px currentColor;opacity:.7;transform:scale(1.2)}75%{opacity:.9;transform:scale(1.1)}to{box-shadow:0 0 20px currentColor;opacity:1;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 10px #d4af3780}to{box-shadow:0 0 20px #d4af37cc}}@media (max-width:768px){.litany-progress-container{padding:12px;top:10px;width:calc(100% - 20px)}.litany-progress-title{font-size:16px;margin-bottom:10px}.litany-bars{gap:10px}.litany-bar-section{gap:4px}.bar-label{font-size:12px}.bar-count{font-size:10px}.litany-bar-container{height:16px}}@media (max-width:480px){.litany-progress-container{padding:8px;top:5px;width:calc(100% - 10px)}.litany-progress-title{font-size:14px;margin-bottom:8px}.litany-bars{gap:8px}.litany-bar-container{height:14px}}.litany-progress-container{animation:slideDown .8s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.litany-entrance-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:2000}.light-rays{height:400px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .8s ease-out;width:400px}.light-rays.active{opacity:1}.ray{animation:ray-expand 1.2s ease-out;background:linear-gradient(to bottom,var(--ray-color) 0,#0000 100%);border-radius:2px;height:200px;left:50%;position:absolute;top:50%;transform-origin:center bottom;width:4px}.ray-1{transform:translate(-50%,-50%) rotate(0deg)}.ray-2{transform:translate(-50%,-50%) rotate(45deg)}.ray-3{transform:translate(-50%,-50%) rotate(90deg)}.ray-4{transform:translate(-50%,-50%) rotate(135deg)}.ray-5{transform:translate(-50%,-50%) rotate(180deg)}.ray-6{transform:translate(-50%,-50%) rotate(225deg)}.ray-7{transform:translate(-50%,-50%) rotate(270deg)}.ray-8{transform:translate(-50%,-50%) rotate(315deg)}@keyframes ray-expand{0%{height:0;opacity:0}50%{opacity:1}to{height:200px;opacity:.8}}.central-glow{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease-out}.central-glow.active{opacity:1}.glow-circle{animation:pulse-glow 2s ease-in-out infinite;border-radius:50%;height:120px;width:120px}@keyframes pulse-glow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.entrance-title{opacity:0;text-align:center;transform:translateY(30px);transition:all .8s ease-out}.entrance-title.active{opacity:1;transform:translateY(0)}.main-title{animation:title-glow 2s ease-in-out infinite alternate;font-size:clamp(32px,8vw,64px);font-weight:700;margin:0 0 16px}.main-title,.subtitle{font-family:Cloister Black,serif}.subtitle{animation:subtitle-fade 2s ease-in-out infinite alternate;font-size:clamp(16px,4vw,24px);font-style:italic;margin:0}@keyframes title-glow{0%{text-shadow:0 0 20px var(--ray-color),0 0 40px var(--ray-color)}to{text-shadow:0 0 30px var(--ray-color),0 0 60px var(--ray-color)}}@keyframes subtitle-fade{0%{opacity:.8}to{opacity:1}}.celebration-particles{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease-out}.celebration-particles.active{opacity:1}.particle{animation:particle-burst 1.5s ease-out var(--delay) forwards;background:var(--particle-color);border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes particle-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(var(--angle)) translateY(-100px)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(var(--angle)) translateY(-200px)}}.stained-glass-overlay{background:linear-gradient(45deg,#d4af371a,#0000 25%,#0000 75%,#d4af371a),linear-gradient(-45deg,#d4af370d,#0000 25%,#0000 75%,#d4af370d);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.light-rays{height:300px;width:300px}.ray{height:150px}.glow-circle{height:80px;width:80px}.main-title{font-size:clamp(24px,6vw,48px)}.subtitle{font-size:clamp(14px,3vw,20px)}}@media (max-width:480px){.light-rays{height:250px;width:250px}.ray{height:120px}.glow-circle{height:60px;width:60px}.main-title{font-size:clamp(20px,5vw,36px)}.subtitle{font-size:clamp(12px,2.5vw,16px)}}.litany-entrance-overlay{animation:entrance-fade-in .5s ease-out}@keyframes entrance-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.segmented-bar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:var(--glass-bg);border:4px solid var(--glass-border);border-radius:25px;bottom:10px;box-shadow:0 -12px 40px #0006,inset 0 0 20px #d4af371a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-width:800px;min-height:88px;padding:8px 12px calc(8px + env(safe-area-inset-bottom, 8px));position:fixed;transform:translateY(50%);width:calc(100% - 20px);z-index:3}.segments-container{display:flex;flex-direction:column;gap:4px;height:100%;width:100%}.progress-row{height:20px}.navigation-row,.progress-row{align-items:center;display:flex;justify-content:center;width:100%}.navigation-row{gap:4px;height:44px}.segment-btn{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;overflow:hidden;position:relative;text-shadow:1px 1px 2px #00000080;transition:all .3s ease;width:44px}.segment-btn:before{background:linear-gradient(90deg,#0000,#d4af374d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.segment-btn:hover:before{left:100%}.segment-btn.active{background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border-color:var(--catholic-gold);box-shadow:0 6px 20px #d4af3766;transform:scale(1.05)}.segment-btn:hover:not(:disabled){background:#d4af371a;border-color:var(--catholic-gold);transform:scale(1.02)}.segment-btn.disabled{cursor:not-allowed;opacity:.5}.segment-btn[data-tooltip]:before{background:#000000f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000080;color:var(--catholic-gold);content:attr(data-tooltip);font-size:11px;font-weight:400;padding:8px 12px;pointer-events:none;white-space:nowrap;z-index:1000}.segment-btn[data-tooltip]:after,.segment-btn[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .2s ease}.segment-btn[data-tooltip]:after{border:5px solid #0000;border-top-color:#000000f2;bottom:calc(100% + 3px);content:""}.segment-btn:hover[data-tooltip]:after,.segment-btn:hover[data-tooltip]:before{opacity:1}.mobile-tooltip{animation:tooltipFadeIn .2s ease;background:#000000f2;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 8px 24px #0009;color:var(--catholic-gold);font-size:13px;left:50%;padding:12px 16px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.icon{margin-bottom:2px}.label{font-size:10px;font-weight:700}.sub-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:16px;bottom:106px;box-shadow:0 -8px 32px #0000004d;display:flex;gap:8px;height:60px;left:50%;max-width:780px;opacity:0;padding:8px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(100px);transition:transform .3s ease;width:calc(100% - 36px);z-index:999}.sub-bar.active{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.close-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 15px #0003;color:var(--text-color);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:28px;z-index:10}.close-btn:hover{background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border-color:var(--catholic-gold);transform:scale(1.1)}.sub-bar-title{color:var(--catholic-gold);font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px #00000080;top:-30px;transform:translateX(-50%);white-space:nowrap}.sub-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0003;color:var(--text-color);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:16px;font-weight:700;gap:4px;justify-content:center;min-height:44px;min-width:80px;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.sub-btn img{border:2px solid #0000;border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}.sub-btn .mystery-name{align-items:center;background:linear-gradient(135deg,#0000001a,#0006);border-radius:10px;bottom:0;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;left:0;line-height:1.2;padding:8px;position:absolute;right:0;text-align:center;text-shadow:0 2px 6px #000;top:0}.sub-btn.active{background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border-color:var(--catholic-gold);box-shadow:0 6px 20px #d4af3766;transform:scale(1.05)}.sub-btn.active img{border-color:var(--catholic-gold);box-shadow:0 0 10px #d4af3780}.sub-btn:hover{background:#d4af371a;border-color:var(--catholic-gold);transform:scale(1.02)}.integrated-progress{background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;height:16px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,var(--catholic-gold),var(--catholic-red),var(--catholic-purple));border-radius:7px;box-shadow:0 0 10px #d4af3799;height:100%;transition:width .5s ease}.progress-text{color:var(--catholic-gold);font-size:10px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px #000000b3;top:50%;transform:translate(-50%,-50%);z-index:1}.preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--text-color);font-size:12px;font-weight:700;margin-top:4px;overflow:hidden;padding:6px 12px;text-align:center;text-overflow:ellipsis;text-shadow:1px 1px 2px #00000080;white-space:nowrap;width:100%}@media (min-width:1024px){.segmented-bar{border-radius:30px 30px 0 0;height:100px;padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.segment-btn{border-radius:15px;font-size:20px;height:50px;width:50px}.navigation-row{gap:6px;height:50px}.progress-row{height:24px}.integrated-progress{border-radius:9px;height:18px}.progress-text{font-size:12px}.sub-bar{border-radius:20px;bottom:114px;height:80px;max-width:760px;padding:16px;width:calc(100% - 40px)}.sub-btn{font-size:18px;min-height:50px}}@media (min-width:769px) and (max-width:1023px){.segmented-bar{border-radius:28px 28px 0 0;height:94px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.segment-btn{border-radius:14px;font-size:19px;height:47px;width:47px}.navigation-row{gap:5px;height:47px}.progress-row{height:22px}.integrated-progress{border-radius:8px;height:17px}.progress-text{font-size:11px}.sub-bar{border-radius:18px;bottom:109px;height:75px;max-width:768px;padding:14px;width:calc(100% - 32px)}.sub-btn{font-size:17px;min-height:47px}}@media (max-width:768px){.segmented-bar{border-radius:20px 20px 0 0;height:auto;min-height:88px;padding:6px 10px}.segment-btn{font-size:16px;height:44px;min-height:44px;min-width:44px;width:44px}.navigation-row{gap:3px;height:auto;min-height:44px}.progress-row{height:18px}.integrated-progress{height:14px}.progress-text{font-size:9px}.sub-bar{bottom:106px;height:70px;max-width:770px;padding:12px;width:calc(100% - 30px)}.preview{bottom:-40px;font-size:14px;padding:12px 18px}.additional-controls{right:15px;top:-70px}.control-btn{font-size:13px;min-height:45px;padding:12px 18px}}@media (max-width:480px){.segmented-bar{border-radius:18px 18px 0 0;height:auto;min-height:88px;padding:4px 6px}.segment-btn{flex-shrink:1;font-size:14px;height:44px;min-height:44px;min-width:44px;width:44px}.navigation-row{gap:2px;height:auto;justify-content:space-between;min-height:44px}.progress-row{height:16px}.integrated-progress{height:12px}.progress-text{font-size:8px}.sub-bar{bottom:106px;height:65px;max-width:780px;padding:10px;width:calc(100% - 20px)}.preview{bottom:-35px;font-size:13px;padding:10px 15px}.additional-controls{right:10px;top:-65px}.control-btn{font-size:12px;min-height:40px;padding:10px 15px}}.interactive-rosary{height:100%;overflow:hidden;position:relative;width:100%}.rosary-container{background:#0000;height:100%;width:100%}.interactive-rosary canvas{cursor:grab;height:100%!important;width:100%!important}.interactive-rosary canvas:active{cursor:grabbing}.app{position:relative}.prayer-content-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:8px;margin:10px;padding:10px}[data-theme=dark] .prayer-content-overlay{background:#000c}.prayer-visibility-mode{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:2px solid #d4af37;border:2px solid var(--catholic-gold,#d4af37);border-radius:15px;box-shadow:0 8px 25px #0000004d;font-family:Cloister Black,serif;margin:10px;padding:20px}.prayer-visibility-header{margin-bottom:20px;text-align:center}.prayer-visibility-header h3{color:#d4af37;color:var(--catholic-gold,#d4af37);font-size:20px;margin:0 0 8px;text-shadow:1px 1px 2px #000000b3}.mode-description{color:#666;font-size:14px;font-style:italic;margin:0}.mode-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.mode-button{align-items:center;background:#d4af371a;border:2px solid #d4af374d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-family:Cloister Black,serif;gap:6px;padding:12px 8px;transition:all .3s ease}.mode-button:hover{background:#d4af3733;border-color:#d4af3780;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.mode-button.active{background:#d4af374d;border-color:#d4af37;border-color:var(--catholic-gold,#d4af37);color:#d4af37;color:var(--catholic-gold,#d4af37);font-weight:700}.mode-icon{font-size:24px;line-height:1}.mode-label{color:inherit;font-size:14px;font-weight:700}.custom-settings{border-top:2px solid #d4af374d;margin-top:20px;padding-top:20px}.custom-settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.custom-settings-header h4{font-size:16px;margin:0;text-shadow:1px 1px 2px #000000b3}.custom-settings-header h4,.reset-button{color:#d4af37;color:var(--catholic-gold,#d4af37)}.reset-button{background:#d4af3733;border:1px solid #d4af37;border:1px solid var(--catholic-gold,#d4af37);border-radius:6px;cursor:pointer;font-family:Cloister Black,serif;font-size:12px;padding:6px 12px;transition:all .3s ease}.reset-button:hover{background:#d4af374d;transform:translateY(-1px)}.prayer-category{margin-bottom:20px}.category-title{border-bottom:1px solid #d4af374d;color:#d4af37;color:var(--catholic-gold,#d4af37);font-size:14px;margin:0 0 10px;padding-bottom:5px;text-shadow:1px 1px 2px #000000b3}.prayer-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.prayer-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:background-color .2s ease}.prayer-checkbox:hover{background:#d4af371a}.prayer-checkbox input[type=checkbox]{accent-color:#d4af37;accent-color:var(--catholic-gold,#d4af37);cursor:pointer;height:16px;width:16px}.checkbox-label{color:#333;flex:1 1;font-family:Cloister Black,serif;font-size:13px}.prayer-checkbox input[type=checkbox]:checked+.checkbox-label{color:#d4af37;color:var(--catholic-gold,#d4af37);font-weight:700}[data-theme=dark] .prayer-visibility-mode{background:#000000e6;border-color:#d4af37;border-color:var(--catholic-gold,#d4af37)}[data-theme=dark] .checkbox-label,[data-theme=dark] .mode-description{color:#ccc}[data-theme=dark] .prayer-checkbox:hover{background:#d4af3733}@media (max-width:768px){.prayer-visibility-mode{margin:5px;padding:15px}.mode-selector{gap:8px;grid-template-columns:repeat(2,1fr)}.mode-button{padding:10px 6px}.mode-icon{font-size:20px}.mode-label{font-size:12px}.prayer-list{grid-template-columns:1fr}.custom-settings-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){.mode-button,.prayer-checkbox,.reset-button{transition:none}.mode-button:hover{transform:none}}@media (prefers-contrast:high){.prayer-visibility-mode{background:#fffffffa;border-width:3px}[data-theme=dark] .prayer-visibility-mode{background:#000000fa}.mode-button{border-width:3px}.mode-button.active{background:#d4af37;background:var(--catholic-gold,#d4af37);color:#fff}}.rosary-progress-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border-bottom:2px solid var(--glass-border);box-shadow:0 4px 20px #0000004d;color:var(--text-color);font-family:Cloister Black,serif;left:0;padding:8px 16px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.progress-container{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;position:relative}.tier-title{color:var(--catholic-gold);font-size:14px;font-weight:700;min-width:200px;text-shadow:1px 1px 2px #00000080;white-space:nowrap}.progress-bar-wrapper{background:#0003;border:1px solid var(--glass-border);border-radius:6px;flex:1 1;height:12px;min-width:200px;overflow:hidden;position:relative}.progress-bar-background{background:linear-gradient(90deg,#d4af371a,#8b00001a,#00008b1a);bottom:0;right:0}.progress-bar,.progress-bar-background{border-radius:6px;left:0;position:absolute;top:0}.progress-bar{box-shadow:0 0 8px #ffffff4d;height:100%;transition:width .5s ease,background-color .3s ease}.progress-bar[style*="#FF7F7F"]{background:linear-gradient(90deg,#ff7f7fcc,#ff6b6be6,#ff5757);box-shadow:0 0 12px #ff7f7f80}.progress-bar[style*="#D2B48C"]{background:linear-gradient(90deg,#d2b48ccc,#cd853fe6,sienna);box-shadow:0 0 12px #d2b48c80}.progress-bar[style*="#36454F"]{background:linear-gradient(90deg,#36454fcc,#2c3e50e6,#191970);box-shadow:0 0 12px #36454f80}.progress-bar[style*="#F8F8FF"]{background:linear-gradient(90deg,#f8f8ffe6,#e6e6faf2,#fff);box-shadow:0 0 12px #f8f8ffb3;color:#333}.progress-stats{color:var(--text-color);display:flex;font-size:12px;gap:12px;white-space:nowrap}.daily-average{color:var(--catholic-gold);font-weight:700;text-shadow:1px 1px 2px #00000080}.days-remaining{color:var(--catholic-blue);font-weight:700}.total-completions{color:var(--catholic-red);font-weight:700}.close-button{align-items:center;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 2px 8px #0003;color:var(--catholic-gold);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .3s ease;width:28px}.close-button:hover{background:linear-gradient(135deg,var(--catholic-red),#8b0000);border-color:var(--catholic-gold);box-shadow:0 4px 15px #0000004d;color:var(--catholic-white)}@media (max-width:768px){.rosary-progress-bar{padding:6px 12px}.progress-container{gap:12px}.tier-title{font-size:12px;min-width:150px}.progress-stats{font-size:11px;gap:8px}.progress-bar-wrapper{height:10px;min-width:150px}}@media (max-width:480px){.rosary-progress-bar{padding:4px 8px}.progress-container{align-items:stretch;flex-direction:column;gap:6px}.tier-title{font-size:11px;min-width:auto;text-align:center}.progress-stats{font-size:10px;justify-content:center}.close-button{font-size:14px;height:24px;position:absolute;right:4px;top:4px;transform:none;width:24px}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}.progress-bar.animate{animation:progressFill .8s ease-out}.rosary-progress-bar:hover{background:var(--glass-bg);box-shadow:0 6px 25px #0006}.progress-bar-wrapper:hover .progress-bar{box-shadow:0 0 15px #fff6}.help-screen-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:.9;padding:20px;position:fixed;right:0;top:0;z-index:2000}.help-screen{animation:slideIn .4s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #00000080;color:var(--text-color);font-family:Cloister Black,serif;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.help-header{align-items:center;background:linear-gradient(135deg,#d4af371a,#8b00001a);border-bottom:2px solid var(--glass-border);display:flex;justify-content:space-between;padding:20px 25px}.help-header h2{font-size:24px;margin:0;text-shadow:2px 2px 4px #00000080}.help-close-button,.help-header h2{color:var(--catholic-gold);font-weight:700}.help-close-button{align-items:center;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.help-close-button:hover{background:linear-gradient(135deg,var(--catholic-red),#8b0000);border-color:var(--catholic-gold);box-shadow:0 4px 15px #0000004d;color:var(--catholic-white)}.help-content{padding:25px}.help-section{margin-bottom:25px}.help-section h3{color:var(--catholic-gold);font-size:18px;font-weight:700;margin-bottom:12px;text-shadow:1px 1px 2px #00000080}.help-section p{font-size:14px;line-height:1.6;margin-bottom:12px}.help-section ul{margin:12px 0;padding-left:20px}.help-section li{font-size:14px;line-height:1.5;margin-bottom:8px}.help-section strong{color:var(--catholic-gold);font-weight:700}.mystery-types{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:12px}.mystery-type{align-items:center;background:#d4af370d;border:1px solid var(--glass-border);border-radius:8px;display:flex;font-size:13px;padding:10px}.mystery-color{border:2px solid var(--glass-border);border-radius:50%;height:16px;margin-right:10px;width:16px}.mystery-color.coral{background:linear-gradient(135deg,#ff7f7f,#ff6b6b)}.mystery-color.brown{background:linear-gradient(135deg,tan,peru)}.mystery-color.blue{background:linear-gradient(135deg,#36454f,#2c3e50)}.mystery-color.gold{background:linear-gradient(135deg,gold,#daa520)}.tier-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:12px}.tier-item{align-items:center;background:#d4af370d;border:1px solid var(--glass-border);border-radius:6px;display:flex;font-size:12px;padding:8px}.tier-color{border:1px solid var(--glass-border);border-radius:50%;height:12px;margin-right:8px;width:12px}.tier-color.coral{background:linear-gradient(135deg,#ff7f7f,#ff6b6b)}.tier-color.brown{background:linear-gradient(135deg,tan,peru)}.tier-color.onyx{background:linear-gradient(135deg,#36454f,#2c3e50)}.tier-color.pearl{background:linear-gradient(135deg,#f8f8ff,#e6e6fa)}.help-footer{border-top:2px solid var(--glass-border);margin-top:20px;padding-top:20px;text-align:center}.help-footer p{color:var(--catholic-blue);font-size:14px;font-style:italic;margin-bottom:15px}.help-got-it-button{background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border:2px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0003;color:var(--catholic-white);cursor:pointer;font-family:Cloister Black,serif;font-size:16px;font-weight:700;padding:12px 24px;transition:all .3s ease}.help-got-it-button:hover{background:linear-gradient(135deg,var(--catholic-red),#8b0000);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.help-button-container{position:fixed;right:70px;top:15px;z-index:1000}.help-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 15px #0000004d;color:var(--catholic-gold);cursor:pointer;display:flex;font-family:Cloister Black,serif;font-size:20px;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.help-button:hover{background:linear-gradient(135deg,var(--catholic-gold),var(--catholic-red));border-color:var(--catholic-gold);box-shadow:0 6px 20px #0006;color:var(--catholic-white);transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.help-screen-overlay{padding:10px}.help-screen{max-height:95vh}.help-header{padding:15px 20px}.help-header h2{font-size:20px}.help-content{padding:20px}.help-section h3{font-size:16px}.help-section li,.help-section p{font-size:13px}.mystery-types,.tier-info{grid-template-columns:1fr}}@media (max-width:480px){.help-screen-overlay{padding:5px}.help-header{padding:12px 15px}.help-header h2{font-size:18px}.help-content{padding:15px}.help-section{margin-bottom:20px}.help-button-container{right:65px;top:10px}.help-button{font-size:18px;height:45px;width:45px}}.corner-fade-zone{bottom:0;cursor:pointer;height:70px;pointer-events:auto;position:fixed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:70px}.corner-fade-left{border-radius:0 20px 0 0;left:0}.corner-fade-right{border-radius:20px 0 0 0;right:0}.corner-fade-indicator{align-items:center;bottom:10px;display:flex;flex-direction:column;left:50%;opacity:.3;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.corner-fade-left .corner-fade-indicator{bottom:122px;left:10px;transform:none}.corner-fade-right .corner-fade-indicator{bottom:122px;right:10px;transform:none}.corner-fade-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:20px;margin-bottom:2px}.corner-fade-text{color:#d4af37;color:var(--catholic-gold,#d4af37);font-family:Cloister Black,serif;font-size:10px;font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px #000000b3}.corner-fade-zone:hover .corner-fade-indicator{opacity:.7}.corner-fade-zone:active .corner-fade-indicator{opacity:1;transform:scale(1.1)}.corner-fade-left:active .corner-fade-indicator,.corner-fade-right:active .corner-fade-indicator{transform:scale(1.1)}.corner-fade-feedback{animation:fadeInOut .5s ease-in-out;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:25}.corner-fade-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000c;border:2px solid #d4af37;border:2px solid var(--catholic-gold,#d4af37);border-radius:15px;box-shadow:0 8px 25px #0009;color:#d4af37;color:var(--catholic-gold,#d4af37);font-family:Cloister Black,serif;font-size:16px;font-weight:700;padding:12px 20px;text-align:center;text-shadow:1px 1px 2px #000c}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}[data-theme=dark] .corner-fade-message,[data-theme=dark] .corner-fade-text{color:#d4af37;color:var(--catholic-gold,#d4af37)}[data-theme=dark] .corner-fade-message{background:#000000e6;border-color:#d4af37;border-color:var(--catholic-gold,#d4af37)}@media (max-width:768px){.corner-fade-zone{height:70px;width:70px}.corner-fade-icon{font-size:18px}.corner-fade-text{font-size:9px}.corner-fade-left .corner-fade-indicator{bottom:110px;left:12px}.corner-fade-right .corner-fade-indicator{bottom:110px;right:12px}.corner-fade-indicator{opacity:.5}.corner-fade-zone:active .corner-fade-indicator{opacity:1}}.corner-fade-zone{z-index:15}@media (prefers-reduced-motion:reduce){.corner-fade-feedback,.corner-fade-indicator,.corner-fade-message{animation:none;transition:none}}@media (prefers-contrast:high){.corner-fade-text{color:#fff;text-shadow:2px 2px 4px #000}.corner-fade-message{background:#000000f2;border-width:3px}}
/*# sourceMappingURL=main.daf9ccd1.css.map*/