html, body { margin: 0; min-height: 100%; background: #0e1728; }
.rosary-app-page { min-height: 100dvh; overflow-x: hidden; }
.rosary-app-shell { width: 100vw; min-height: 100dvh; margin: 0; padding: 0; background: #0e1728; color: #fff; }
.rosary-app-shell > * { max-width: none !important; }
.rosary-app-shell > .rosary-app-unavailable { display: grid; align-content: center; box-sizing: border-box; width: 100%; min-height: 100dvh; max-width: 40rem !important; margin: 0 auto; padding: 2rem; text-align: center; }
.rosary-app-unavailable h1 { max-width: 13ch; margin: 0 auto 0.75rem; font-size: clamp(1.5rem, 4vw, 3rem); color: #f4d27a; overflow-wrap: anywhere; }
.rosary-app-unavailable p { max-width: 28ch; margin: 0 auto; color: rgba(255, 255, 255, 0.82); font-size: 1.0625rem; line-height: 1.7; }