html.draw-immersive{overflow:hidden}html.draw-immersive .to-top{display:none}main[data-page] .stage.is-immersive{position:fixed;inset:0;z-index:400;max-width:none;margin:0;border-radius:0;box-shadow:none;background:#05010d;overflow-y:auto;overscroll-behavior:contain;animation:imm-in .9s ease both}main[data-page] .stage.is-immersive:before{opacity:1;background:radial-gradient(ellipse 60% 50% at 50% 44%,rgba(176,72,26,.42) 0,rgba(58,14,82,.38) 48%,transparent 76%),radial-gradient(ellipse at 50% 50%,#170431 0,#05010d 78%);animation:imm-glow 7s ease-in-out infinite alternate}main[data-page] .stage.is-immersive:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.3px 1.3px at 12% 18%,hsla(0,0%,100%,.85) 50%,transparent 51%),radial-gradient(1px 1px at 28% 72%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 44% 30%,rgba(255,231,184,.8) 50%,transparent 51%),radial-gradient(1px 1px at 63% 84%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 79% 14%,hsla(0,0%,100%,.85) 50%,transparent 51%),radial-gradient(1px 1px at 88% 58%,rgba(207,200,255,.75) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 88%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 95% 92%,rgba(255,231,184,.75) 50%,transparent 51%);background-size:380px 380px;animation:imm-twinkle 5s ease-in-out infinite alternate}@keyframes imm-in{0%{opacity:0}to{opacity:1}}@keyframes imm-glow{0%{opacity:.82}to{opacity:1}}@keyframes imm-twinkle{0%{opacity:.3}to{opacity:.85}}main[data-page] .stage.is-immersive .panel-step.night{min-height:100vh;min-height:100dvh;padding:76px 20px 64px}main[data-page] .stage.is-immersive .calm-sub,main[data-page] .stage.is-immersive .p-draw .hint{display:none}main[data-page] .stage.is-immersive .breathe{width:min(58vmin,440px);height:min(58vmin,440px);margin:0 auto 4vh;filter:drop-shadow(0 0 36px rgba(244,170,54,.28))}main[data-page] .stage.is-immersive .breathe i:nth-child(2){inset:10%}main[data-page] .stage.is-immersive .breathe i:nth-child(3){inset:21%}main[data-page] .stage.is-immersive .breathe b{inset:38%}main[data-page] .stage.is-immersive .tube{width:min(42vmin,330px);height:auto;aspect-ratio:210/260;filter:drop-shadow(0 0 44px rgba(243,115,53,.38))}main[data-page] .stage.is-immersive .book{width:min(72vmin,560px);height:auto;aspect-ratio:320/210;filter:drop-shadow(0 0 40px rgba(244,170,54,.3))}main[data-page] .stage.is-immersive .p-calm h2{font-size:clamp(40px,7.5vmin,76px);letter-spacing:4px}main[data-page] .stage.is-immersive .p-calm .calm-line{font-size:clamp(19px,3.2vmin,28px);margin-top:6px}main[data-page] .stage.is-immersive .prayer-line{font-size:clamp(21px,3.6vmin,34px)}main[data-page] .stage.is-immersive .timebar{width:min(46vmin,280px)}main[data-page] .stage .sound-btn{position:absolute;top:20px;right:20px;z-index:6;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.86);transition:background .25s ease}main[data-page] .stage .sound-btn:hover{background:hsla(0,0%,100%,.16)}main[data-page] .stage .sound-btn[aria-pressed=false]{color:hsla(0,0%,100%,.5)}main[data-page] .stage .sound-btn svg{width:22px;height:22px}main[data-page] .stage .sound-btn:focus-visible{outline:2px solid var(--a1);outline-offset:3px}@media (max-width:560px){main[data-page] .stage.is-immersive .panel-step.night{padding:72px 16px 60px}main[data-page] .stage .sound-btn{top:16px;right:16px;width:40px;height:40px}}