:root{color-scheme:light;--paper:#f6f1e7;--ink:#342e25;--muted:#746b5d;--gold:#8c652e;--line:#e5dccb;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%}body{height:100svh;height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;overflow:hidden}a{color:var(--gold)}header{display:flex;flex:none;align-items:center;justify-content:space-between;padding:5px 16px;padding-top:max(5px,env(safe-area-inset-top));height:45px;min-height:45px;border-bottom:1px solid var(--line)}.parish{font-size:9px;letter-spacing:1.5px;font-weight:650;text-decoration:none;color:var(--muted)}.parish span{font-size:20px;color:var(--gold);vertical-align:middle;margin-right:8px}button,select{font:inherit;color:var(--ink)}button{cursor:pointer;touch-action:manipulation}header button{width:44px;height:40px;border:0;background:none;font-family:var(--serif);font-size:21px}main{flex:1;min-height:0;display:flex;width:100%;justify-content:center}.guide{width:100%;max-width:540px;min-height:0;display:flex;flex-direction:column;padding:0 12px;background:radial-gradient(ellipse at 50% 54%,#fff9e9 0%,#f6f1e7 72%)}.selection{display:flex;align-items:center;justify-content:space-between;flex:none;min-height:40px;gap:8px}select{max-width:calc(100% - 62px);border:0;border-radius:5px;background:transparent;padding:8px 4px;font-size:12px;color:var(--muted);min-height:40px}#count{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.prayer-heading{flex:none;width:100%;background:transparent;border:0;border-radius:10px;padding:6px 6px 4px;text-align:center;min-height:62px}.prayer-heading:hover{background:#e9dfcc55}h1{font-family:var(--serif);font-weight:400;font-size:clamp(23px,6vw,30px);line-height:1.1;margin:0 0 5px}.read-hint{font-size:10px;color:var(--gold)}.screen-position{flex:none;text-align:center;font-size:11px;color:var(--muted);line-height:1.4;margin:4px 0 10px;min-height:16px}#progress{height:2px;flex:none;background:#e4dac7;border-radius:4px;overflow:hidden;margin:0 15px}#progress-fill{height:100%;background:#b18a45;transition:width .2s ease}.illustration{flex:1;min-height:0;display:flex;justify-content:center;padding:10px 0 2px}.illustration svg{height:100%;width:100%;overflow:visible}.legend{flex:none;display:flex;justify-content:center;gap:18px;font-size:9px;color:var(--muted);padding:5px 0 7px}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:6px;height:6px;background:#5c4431;border-radius:50%}.legend .current-dot{background:#ffd775;box-shadow:0 0 7px #f2b83d}.legend .done-dot{background:#b88d4a}.navigation{flex:none;display:flex;gap:12px;padding:7px 4px max(12px,env(safe-area-inset-bottom))}.navigation button{min-height:50px;min-width:85px;border:1px solid #d9cbb3;background:#fffaf155;border-radius:12px;padding:10px 20px;font-size:16px;font-weight:600}.navigation .primary{flex:1;background:#70512b;color:#fff9ed;border-color:#70512b}.primary:hover{background:#5e4222}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #bd8c38;outline-offset:2px}.skip{position:absolute;top:-100px;left:15px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
dialog{position:fixed;margin:0;padding:0;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;border:0;background:var(--paper);color:var(--ink);overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#2e211bcc}.reader-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:65px;padding:8px 18px;padding-top:max(8px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--paper)}.reader-bar button{border:0;background:none;font-size:16px;min-height:44px;padding:8px 5px}.reader-bar>span{font-size:10px;letter-spacing:2px;color:var(--muted)}dialog article{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 25px max(30px,env(safe-area-inset-bottom));scroll-behavior:auto}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--gold);line-height:1.7;margin:0 0 14px}h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.2;margin:0 0 20px}.instruction{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:25px}#prayer-text{font-family:var(--serif);font-size:23px;line-height:1.7;white-space:pre-line;margin:0}#reader-done{margin-top:35px;min-height:48px;border:1px solid #d9cbb3;border-radius:9px;padding:10px 17px;background:transparent;color:var(--gold)}#help-reader article>p{line-height:1.8}#help-reader article>p.eyebrow{line-height:1.7}.noscript{position:fixed;bottom:0;background:white;padding:20px}
.location{transition:filter .25s ease,stroke .25s ease}.bead{fill:url(#wood);stroke:#543927;stroke-width:1.3}.metal{fill:url(#metal);stroke:#70542f;stroke-width:1.5}.chain{fill:none;stroke:#a8936d;stroke-width:2.2;stroke-linecap:round}.location.done{filter:drop-shadow(0 0 3px #d9ac51)}.bead.done{fill:url(#prayed);stroke:#b28a43}.metal.done{stroke:#bf9346}.chain.done{stroke:#c0a264;stroke-width:3}.location.active{filter:drop-shadow(0 0 7px #f7bf49) drop-shadow(0 0 15px #f5c15799);stroke:#fff0b6;stroke-width:3}.bead.active,.metal.active{fill:url(#lit)}.chain.active{stroke:#efb638;stroke-width:5}.bead.active{r:9;stroke:#ffeb9c;stroke-width:3.5;filter:drop-shadow(0 0 9px #f2b431) drop-shadow(0 0 17px #f4ba3c99)}.bead[data-kind='large'].active{r:12.4}.corpus{stroke:#e8d8b3;fill:#e8d8b3;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px){header{padding-left:30px;padding-right:30px;height:55px}.parish{font-size:11px}.guide{max-width:600px;padding:0 24px}.selection{min-height:48px}select{font-size:14px}.prayer-heading{padding:12px 8px 8px}h1{font-size:32px}.screen-position{font-size:12px}.navigation{padding-bottom:20px}.navigation button{min-height:54px}dialog{inset:30px;margin:auto;width:min(650px,calc(100% - 60px));height:calc(100% - 60px);max-height:900px;border:1px solid var(--line);border-radius:18px}dialog article{padding:35px 42px}}
@media(max-height:580px){header{height:36px;min-height:36px}.selection{min-height:34px}select{min-height:34px;padding:4px}.prayer-heading{min-height:45px;padding:2px}h1{font-size:21px}.screen-position{margin:0 0 5px;font-size:10px}.read-hint{font-size:9px}.legend{padding:3px 0}.navigation{padding-top:3px;padding-bottom:5px}.navigation button{min-height:44px;padding:5px 15px}.illustration{padding-top:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.navigation{justify-content:center;gap:18px}.navigation button{flex:0 0 128px;width:128px;min-width:0;min-height:48px;padding:10px 12px;background:#fffaf155;color:var(--ink);border:1px solid #d9cbb3;font-size:15px}.navigation button:hover:enabled{background:#e9dfcc55}@media(max-height:580px){.navigation button{min-height:44px}}

header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding-left:12px;padding-right:12px;min-height:48px;height:48px}.parish{font-size:11px;letter-spacing:0;text-transform:none;line-height:1.2;color:var(--ink)}header .selection{justify-self:center;min-height:40px}header select{max-width:none;font-size:11px;max-width:155px;padding-left:0;padding-right:0}header #count{justify-self:end;font-size:10px}.prayer-heading{min-height:49px;padding:12px 6px 9px}.prayer-heading h1{display:inline;margin:0;font-size:clamp(22px,5.5vw,30px)}.read-hint{font-size:12px;white-space:nowrap;margin-left:6px}.illustration{padding-top:12px}@media(min-width:761px){header{height:55px;padding-left:30px;padding-right:30px}.parish{font-size:13px}header select{font-size:14px;max-width:none}}@media(max-width:350px){.parish{font-size:10px}header{gap:4px;padding-left:8px;padding-right:8px}header select{font-size:10px;max-width:140px}}

.navigation #next{background:var(--ink);color:var(--paper);border-color:var(--ink)}.navigation #next:hover:enabled{background:#514637}

header #mystery{font-weight:700;color:var(--ink)}header #mystery option{font-weight:400}

header .selection{position:relative;width:165px}header #mystery{width:100%;max-width:100%;color:transparent;background:transparent}header #mystery option{color:var(--ink);background:var(--paper)}.selected-mystery{position:absolute;inset:0;display:flex;align-items:center;font-size:11px;font-weight:700;color:var(--ink);pointer-events:none;padding-right:15px;white-space:nowrap}.selected-mystery::after{content:"⌄";position:absolute;right:3px;font-size:16px}@media(min-width:761px){header .selection{width:190px}.selected-mystery{font-size:14px}}@media(max-width:350px){header .selection{width:140px}.selected-mystery{font-size:10px}}

header .selection{width:max-content}header .selection .selected-mystery{position:relative;inset:auto;min-height:40px;padding-right:20px}header .selection #mystery{position:absolute;inset:0;height:100%;width:100%;max-width:100%;z-index:1}
.navigation{justify-content:space-between;padding-left:18px;padding-right:18px}.navigation button{flex:0 0 56px;width:56px;height:56px;min-height:56px;padding:0;border-radius:50%;display:grid;place-items:center}.navigation button svg{width:27px;height:27px;fill:currentColor}.navigation .restart-icon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-height:580px){.navigation button{flex-basis:48px;width:48px;height:48px;min-height:48px}}

.illustration{position:relative;padding:0}.illustration>.navigation{position:absolute;transform:translateY(-100%);padding:0;margin:0;z-index:2}

.bead[data-kind='large']:not(.active):not(.done){fill:url(#chestnut);stroke:#96704c;stroke-width:1.3}

 .header-end{justify-self:end;display:flex;align-items:center;gap:7px;min-width:0}.language-menu{flex:none}.language-menu a{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:34px;border-radius:5px}.language-menu img{display:block;object-fit:cover;border-radius:1px}.language-menu a:hover{background:#e9dfcc55}@media(max-width:420px){header{gap:5px;padding-left:8px;padding-right:8px}.parish{font-size:10px}.selected-mystery{font-size:10px}header .selection .selected-mystery{padding-right:15px}.header-end{gap:4px}header #count{font-size:9px}.language-menu a{min-width:30px}.language-menu img{width:22px;height:15px}}

header{--header-font:clamp(11px,3vw,15px);height:60px;min-height:60px;gap:7px}.parish,.selected-mystery,header #count{font-size:var(--header-font)}.parish{display:flex;align-items:center;gap:6px;min-width:0;font-weight:650}.parish>img{width:26px;height:29px;object-fit:contain;flex:none}.parish .parish-name{font-size:inherit;color:inherit;margin:0;line-height:1.15;letter-spacing:0}.selected-mystery{font-weight:700}.header-end{gap:5px}@media(max-width:350px){header{gap:4px}.parish{gap:4px}.parish>img{width:20px;height:24px}.language-menu a{min-width:27px}.language-menu img{width:20px;height:14px}}@media(min-width:761px){header{height:60px}.parish>img{width:30px;height:33px}}

header{--header-font:clamp(12px,3.5vw,16px);height:48px;min-height:48px}header::before{content:"";grid-column:1;grid-row:1}header .selection{grid-column:2;grid-row:1}.header-end{grid-column:3;grid-row:1}.parish-footer{flex:none;display:flex;align-items:center;justify-content:center;min-height:46px;padding:6px max(12px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--paper)}.parish-footer .parish{font-size:clamp(12px,3.5vw,16px);gap:7px;white-space:nowrap}.parish-footer .parish>img{width:26px;height:29px}.parish-footer .parish-name{line-height:1.2}@media(max-height:580px){header{height:42px;min-height:42px}.parish-footer{min-height:38px;padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.parish-footer .parish>img{width:23px;height:26px}}

:root{--row-font:clamp(16px,4.4vw,21px)}header{--header-font:var(--row-font)}.parish-footer .parish{font-size:var(--row-font)}.selected-mystery::after{font-size:var(--row-font)}
@media(max-width:420px){header{grid-template-columns:minmax(0,1fr) auto}header::before{display:none}header .selection{grid-column:1}.header-end{grid-column:2}}

header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}header::before{display:none}header>#count{grid-column:1;grid-row:1;justify-self:start}header .selection{grid-column:2;grid-row:1}.header-end{grid-column:3;grid-row:1;justify-self:end}

.parish-footer{flex-direction:column;gap:4px}.presence-count{font-size:13px;line-height:1.3;color:var(--muted);text-align:center;margin:0;max-width:100%;overflow-wrap:break-word}@media(min-width:761px){.presence-count{font-size:14px}}

.presence-count{color:#b13b68;font-size:15px;font-weight:700;line-height:1.35}@media(min-width:761px){.presence-count{font-size:16px}}@supports (background-clip:text) or (-webkit-background-clip:text){.presence-count{background-image:linear-gradient(110deg,#b13b68 0%,#b13b68 42%,#fff0f5 50%,#b13b68 58%,#b13b68 100%);background-size:300% 100%;background-position:0% 50%;background-clip:text;-webkit-background-clip:text;color:transparent}}@media(prefers-reduced-motion:reduce){.presence-count{background-image:none;color:#b13b68}}

.pointer-navigation .intention-actions button:focus-visible{outline:none}
@media(hover:none){.intention-actions button:hover{background:transparent}}

.community-row{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:650px;min-height:44px}.community-row .presence-count{min-width:0}.intention-actions{display:flex;flex:none;gap:2px}.intention-actions button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#b13b68;padding:8px}.intention-actions button:hover{background:#b13b6810}.intention-actions svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.intention-dialog article{padding:22px 20px 12px}.intention-dialog h2{font-size:29px}.intention-dialog p{font-size:16px;line-height:1.5}.intention-note{color:var(--muted)}#intention-text{width:100%;font:inherit;font-size:18px;padding:12px;border:1px solid #c9b8a3;border-radius:8px;background:#fffaf1;color:var(--ink)}#intention-counter{text-align:right;color:var(--muted);font-size:14px;margin:5px 0 16px}.intention-dialog form button,.intention-bottom button{min-height:44px;border:1px solid #b13b68;border-radius:9px;background:#b13b68;color:white;font:inherit;padding:10px 25px}.intention-bottom{flex:none;text-align:center;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}#intentions-list{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.45}#intentions-list li{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#intention-status:empty,#intentions-status:empty{display:none}@media(max-width:350px){.community-row .presence-count{font-size:14px}.community-row{gap:2px}.intention-dialog h2{font-size:26px}}