@font-face{font-display:swap;font-family:"StoneSerif";font-style:italic;font-weight:700;src:url(/static/media/ITC%20Stone%20Serif%20Bold%20Italic.9fff8f12a2942541f19d.otf) format("opentype")}@font-face{font-display:swap;font-family:"StoneSerif";font-style:italic;font-weight:400;src:url(/static/media/ITC%20Stone%20Serif%20Italic.6ada039b8528d970a73d.otf) format("opentype")}@font-face{font-display:swap;font-family:"StoneSerif";font-style:normal;font-weight:400;src:url(/static/media/ITC%20Stone%20Serif%20Regular.9235b31128fb4c7b8618.otf) format("opentype")}@font-face{font-family:"StoneSerif";font-style:normal;font-weight:400;src:url(/static/media/versicle-marks-regular.27a4c494cc84271265f1.woff) format("woff");unicode-range:u+211f,u+2123}body{font-feature-settings:"dlig";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:StoneSerif,Palatino,Palatino Linotype;font-variant-ligatures:discretionary-ligatures;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}.tap-area{position:relative}.tap-area:after{content:"";height:max(100%,44px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,44px)}.divine-name{font-feature-settings:"smcp";font-variant-caps:small-caps}.hover:hover{opacity:.6}.date-tab:hover,.variation-switch:hover{background-color:#0000000a}.yt-container{display:flex;justify-content:center}iframe{aspect-ratio:16/9;width:100%!important}.psalm .incipit{font-style:italic;margin:.25rem 0 .5rem;opacity:.9}.psalm .gloria{margin-top:.5rem}@media print{body.printing-ordo{background:#fff!important;margin:0!important}body.printing-ordo>:not(#ordo-pages){display:none!important}body.printing-ordo #ordo-pages .ordo-page:last-child{break-after:auto!important;page-break-after:auto!important}body.printing-ordo *{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.App{height:100%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.learn{color:var(--ink);font-family:var(--f-body);line-height:1.55;padding:2rem clamp(1.1rem,5vw,3rem) calc(3rem + 150px)}.learn *{box-sizing:border-box}.learn a{color:var(--rubric)}.learn a:focus-visible,.learn button:focus-visible,.learn input:focus-visible{outline:2px solid var(--rubric);outline-offset:2px}.learn .btn,.learn .cta,.learn .ed .t,.learn .edrows dt,.learn .eyebrow,.learn .lessons a,.learn .neume .nm,.learn .plan .wk,.learn .seg button{text-transform:uppercase}.learn .lessons{background:var(--page);border-bottom:1px solid var(--rule);margin:-2rem calc(clamp(1.1rem,5vw,3rem)*-1) 1.2rem;padding:0 clamp(1.1rem,5vw,3rem)}.learn .lessons ol{display:flex;gap:.2rem;list-style:none;margin:0 auto;overflow-x:auto;padding:0;scrollbar-width:none}.learn .lessons li{flex:none}.learn .lessons a{border-bottom:2px solid #0000;color:var(--ink-2);display:block;font-family:var(--f-display);font-size:.66rem;letter-spacing:.1em;padding:.6rem .55rem;text-decoration:none;white-space:nowrap}.learn .lessons a.cur,.learn .lessons a:hover{border-bottom-color:var(--rubric);color:var(--rubric)}.learn .hero{grid-gap:1rem;border-bottom:1px solid var(--rule);display:grid;gap:1rem;justify-items:center;padding-bottom:2rem;text-align:center}.learn .hero .roundel{height:96px;width:96px}.learn .eyebrow{font-size:.72rem;letter-spacing:.22em}.learn .eyebrow,.learn h1{color:var(--rubric);font-family:var(--f-display)}.learn h1{font-size:clamp(1.9rem,6vw,2.7rem);font-weight:700;letter-spacing:.04em;line-height:1.1}.learn .lede,.learn h1{text-wrap:balance;margin:0}.learn .lede{color:var(--ink-2);font-size:1.25rem;font-style:italic;max-width:36ch}.learn .cta{align-items:center;background:var(--rubric);border:0;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:var(--f-display);font-size:.8rem;gap:.5rem;letter-spacing:.14em;padding:.75rem 1.4rem;text-decoration:none}.learn .cta:hover{background:var(--rubric-2)}.learn .cta.ghost{background:#0000;border:1px solid var(--rubric);color:var(--rubric)}.learn .cta.ghost:hover{background:var(--tint)}.learn .hero .small{color:var(--ink-2);font-size:1rem}.learn h2{text-wrap:balance;color:var(--rubric);font-family:var(--f-display);font-size:1.25rem;font-weight:700;letter-spacing:.04em;margin:2.6rem 0 .9rem;scroll-margin-top:1rem;text-align:center}.learn h2:after{background:var(--rule);content:"";display:block;height:1px;margin:.6rem auto 0;width:56px}.learn h2 small{color:var(--ink-2);display:block;font-family:var(--f-body);font-size:1rem;font-style:italic;font-weight:400;letter-spacing:0;margin-top:.2rem;text-transform:none}.learn p{margin:0 0 .9rem;margin-inline:auto;max-width:66ch}.learn p em{color:inherit;font-style:italic}.learn .pilcrow,.learn .rubric{color:var(--rubric)}.learn .pilcrow{margin-right:.35rem}.learn .box{background:var(--bg);border:1px solid var(--rule);border-radius:4px;margin:1.2rem 0;padding:1.2rem 1.2rem 1.3rem}.learn .box .q{color:var(--ink-2);font-style:italic;margin:0 0 .8rem;text-align:center}.learn .seg{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.learn .seg button{background:#0000;border:1px solid var(--rubric);border-radius:4px;color:var(--rubric);cursor:pointer;font-family:var(--f-display);font-size:.7rem;letter-spacing:.1em;padding:.5rem .8rem}.learn .seg button[aria-pressed=true]{background:var(--rubric);color:#fff}.learn .plan{grid-gap:.5rem;display:grid;gap:.5rem;margin-top:1rem}.learn .plan .week{grid-gap:.35rem .9rem;align-items:baseline;border-top:1px dashed var(--rule);display:grid;gap:.35rem .9rem;grid-template-columns:auto 1fr;padding:.55rem 0}.learn .plan .week:first-child{border-top:0}.learn .plan .wk{color:var(--rubric);font-family:var(--f-display);font-size:.68rem;letter-spacing:.14em;white-space:nowrap}.learn .plan .what{min-width:0}.learn .plan .what b{font-weight:700}.learn .plan .what span{color:var(--ink-2);display:block;font-size:1rem}.learn .plan a{font-size:1rem}.learn .vr{grid-gap:.25rem .6rem;align-items:baseline;display:grid;gap:.25rem .6rem;grid-template-columns:1.6rem 1fr;margin:.6rem auto 0;max-width:34rem}.learn .vr .mark{color:var(--rubric);font-size:1.3rem;line-height:1}.learn .vr .resp{font-weight:700}.learn .vr .red{color:var(--rubric);font-size:1rem;font-style:italic;grid-column:1/-1;margin-top:.3rem;text-align:center}.learn .demo-toggle{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.9rem}.learn .demo-toggle label{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:.35rem}.learn .demo-toggle input{accent-color:var(--rubric)}.learn .steps{grid-gap:.9rem;display:grid;gap:.9rem;margin:1rem 0}.learn .step{grid-gap:.8rem;align-items:start;display:grid;gap:.8rem;grid-template-columns:2.2rem 1fr}.learn .step .n{color:var(--rubric);font-family:var(--f-display);font-size:1.3rem;line-height:1.2;text-align:right}.learn .step p{margin:0}.learn .step .k{background:var(--page);border:1px solid var(--rule);border-radius:3px;display:inline-block;font-size:.95rem;padding:0 .35rem}.learn .ed{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.9rem}.learn .ed button{background:var(--page);border:1px solid var(--rule);border-radius:4px;color:var(--ink);cursor:pointer;font:inherit;padding:.9rem 1rem;text-align:left}.learn .ed button[aria-pressed=true]{border-color:var(--rubric);box-shadow:inset 0 0 0 1px var(--rubric)}.learn .ed .t{color:var(--rubric);display:block;font-family:var(--f-display);font-size:.72rem;letter-spacing:.12em;margin-bottom:.25rem}.learn .ed .d{color:var(--ink-2);display:block;font-size:1rem}.learn .edout{color:var(--ink-2);font-style:italic;margin-top:.8rem;min-height:1.5em;text-align:center}.learn .edrows{grid-gap:.45rem 1rem;display:grid;font-size:1.02rem;gap:.45rem 1rem;grid-template-columns:minmax(7rem,auto) 1fr;margin:.9rem 0 0}.learn .edrows dt{color:var(--rubric);font-family:var(--f-display);font-size:.66rem;letter-spacing:.12em;padding-top:.25rem}.learn .edrows dd{border-bottom:1px dotted var(--rule);margin:0;min-width:0;padding-bottom:.35rem}.learn .edrows dd:last-of-type{border-bottom:0}.learn .edhelp{border-top:1px solid var(--rule);margin-top:1.2rem;padding-top:1rem}@media (max-width:480px){.learn .edrows{gap:.15rem;grid-template-columns:1fr}.learn .edrows dt{padding-top:.5rem}}.learn .check{grid-gap:.45rem;display:grid;gap:.45rem;margin-top:.8rem}.learn .check label{grid-gap:.6rem;align-items:start;cursor:pointer;display:grid;gap:.6rem;grid-template-columns:1.3rem 1fr}.learn .check input{accent-color:var(--rubric);height:1.1rem;margin:.3rem 0 0;width:1.1rem}.learn .check .done{color:var(--ink-2);text-decoration:line-through}.learn .progress{background:var(--rule);height:4px;margin-top:.9rem;overflow:hidden}.learn .progress i{background:var(--rubric);display:block;height:100%;transition:width .3s;width:0}.learn .pnote{color:var(--ink-2);font-size:.95rem;margin:.5rem 0 0;text-align:center}.learn details{border-top:1px solid var(--rule);padding:.65rem 0}.learn details:last-of-type{border-bottom:1px solid var(--rule)}.learn summary{align-items:baseline;cursor:pointer;display:flex;font-weight:700;gap:1rem;justify-content:space-between;list-style:none}.learn summary::-webkit-details-marker{display:none}.learn summary:after{color:var(--rubric);content:"+";font-family:var(--f-display)}.learn details[open] summary:after{content:"–"}.learn details p{color:var(--ink-2);margin-top:.5rem;margin-inline:0}.learn .gloss{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-top:.6rem}.learn .gloss button{background:var(--page);border:1px solid var(--rule);border-radius:4px;color:var(--ink);cursor:pointer;font:inherit;font-size:1rem;padding:.25rem .7rem}.learn .gloss button[aria-pressed=true]{background:var(--tint);border-color:var(--rubric)}.learn .glossout{color:var(--ink-2);font-style:italic;margin-top:.8rem;margin-inline:auto;max-width:48ch;min-height:3em;text-align:center}.learn .glossout b{color:var(--ink);font-style:normal;font-weight:700}.learn .score{margin:0 auto;max-width:560px}.learn .neume .score{width:100%}.learn .neume .row{margin-top:.2rem}.learn .row.tones{margin:0 0 .6rem}.learn .row.tones .btn{padding:.45rem .7rem}.learn .row.tones .lbl{color:var(--ink-2);font-size:.85rem;font-style:italic;margin-right:.1rem}.learn .book{border-bottom:1px solid color-mix(in srgb,var(--rubric) 25%,#0000);display:flex;justify-content:center;margin:0 auto 1rem;padding-bottom:1rem}.learn .book button{background:#0000;border:1px solid var(--rubric);color:var(--rubric);cursor:pointer;font-family:var(--f-display);font-size:.68rem;letter-spacing:.12em;padding:.5rem .9rem;text-transform:uppercase}.learn .book button:first-child{border-radius:4px 0 0 4px}.learn .book button:last-child{border-left:0;border-radius:0 4px 4px 0}.learn .book button[aria-pressed=true]{background:var(--rubric);color:#fff}.learn .row.tones.endings .btn{font-size:.62rem;letter-spacing:.08em;padding:.35rem .55rem}.learn .ending+.ending{border-top:1px dotted var(--rule);margin-top:1rem;padding-top:1rem}.learn ol.rules{margin:0 auto .9rem;max-width:66ch;padding-left:1.4rem}.learn ol.rules li{margin:.25rem 0}.learn .row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:.7rem}.learn .btn{background:var(--rubric);border:1px solid var(--rubric);border-radius:4px;color:#fff;cursor:pointer;font-family:var(--f-display);font-size:.7rem;letter-spacing:.12em;padding:.55rem 1rem}.learn .btn.ghost{background:#0000;color:var(--rubric)}.learn .btn.ghost[aria-pressed=true]{background:var(--rubric);color:#fff}.learn .btn:hover{filter:brightness(.92)}.learn .btn:disabled{cursor:default;opacity:.5}.learn .cap{color:var(--ink-2);font-size:1rem;font-style:italic;margin:.5rem 0 0;text-align:center}.learn .neumes{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.learn .neume{grid-gap:.35rem;background:var(--page);border:1px solid var(--rule);border-radius:4px;display:grid;gap:.35rem;justify-items:center;padding:.7rem .6rem .8rem;text-align:center}.learn .neume .nm{color:var(--rubric);font-family:var(--f-display);font-size:.7rem;letter-spacing:.12em}.learn .neume .d{color:var(--ink-2);font-size:.98rem;line-height:1.3}.learn .neume svg{height:auto;width:110px}.learn .neume button{background:var(--bg);border:1px solid var(--rule);border-radius:4px;color:var(--rubric);cursor:pointer;font:inherit;font-size:.9rem;padding:.15rem .6rem}.learn .quiz{grid-gap:.8rem;display:grid;gap:.8rem}.learn .qq{background:var(--page);border:1px solid var(--rule);border-radius:4px;padding:.9rem 1rem}.learn .qq .t{font-weight:700;margin-bottom:.5rem}.learn .qq .opts{display:flex;flex-wrap:wrap;gap:.4rem}.learn .qq .opts button{background:var(--bg);border:1px solid var(--rule);border-radius:4px;color:var(--ink);cursor:pointer;font:inherit;font-size:1rem;padding:.3rem .8rem}.learn .qq .opts button.ok{background:var(--hi);border-color:var(--rubric)}.learn .qq .opts button.no{opacity:.5}.learn .qq .fb{color:var(--ink-2);font-size:1rem;font-style:italic;margin-top:.5rem;min-height:1.3em}.learn .links{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.6rem}.learn .endnote{border-top:1px solid var(--rule);color:var(--ink-2);font-size:.95rem;margin-top:2.5rem;padding-top:1.2rem;text-align:center}@media (prefers-reduced-motion:reduce){.learn .progress i{transition:none}}.gb{align-items:flex-end;bottom:max(12px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;pointer-events:none;position:fixed;right:max(12px,env(safe-area-inset-right,0px));z-index:50}.gb *{box-sizing:border-box;pointer-events:auto}.gb .gb-holder{transition:opacity .25s}.gb.dim .gb-holder{opacity:.45}.gb.dim .gb-bubble{opacity:0}.gb-holder{cursor:pointer;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25));line-height:0;position:relative}.gb-holder canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.gb-tab{background:var(--rubric);bottom:-6px;box-shadow:0 1px 0 var(--ink);color:#fff;font-family:var(--f-display);font-size:.55rem;left:50%;letter-spacing:.14em;line-height:1;padding:.28rem .55rem;transform:translateX(-50%);white-space:nowrap}.gb-tab,.gb-x{position:absolute}.gb-x{background:var(--page);border:1px solid var(--rule);border-radius:50%;color:var(--ink-2);cursor:pointer;display:none;font:1rem/1 var(--f-body);height:22px;right:-6px;top:-10px;width:22px}.gb-holder:hover .gb-x,.gb.touch .gb-x{display:block}.gb-bubble{background:var(--page);border:1px solid var(--rule);box-shadow:0 2px 0 var(--rule);color:var(--ink);font-family:var(--f-body);font-size:1rem;line-height:1.4;margin-bottom:14px;margin-right:8px;max-width:min(300px,78vw);opacity:0;padding:.6rem .8rem;position:relative;transform:translateY(6px);transition:opacity .2s,transform .2s}.gb-bubble.show{opacity:1;transform:none}.gb-bubble:after{background:var(--page);border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);bottom:-6px;content:"";height:10px;position:absolute;right:22px;transform:rotate(45deg);width:10px}.gb-bubble .gb-name{color:var(--rubric);display:block;font-family:var(--f-display);font-size:.6rem;letter-spacing:.14em;margin-bottom:.2rem}.gb-bubble .gb-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.gb-bubble button{background:#0000;border:1px solid var(--rubric);border-radius:4px;color:var(--rubric);cursor:pointer;font-family:var(--f-display);font-size:.6rem;letter-spacing:.12em;padding:.35rem .6rem;text-transform:uppercase}.gb-bubble button.pri{background:var(--rubric);color:#fff}.gb-ask{margin-top:.5rem}.gb-ask input{background:var(--bg);border:1px solid var(--rule);border-radius:4px;color:var(--ink);font:inherit;font-size:max(16px,.95rem);padding:.3rem .5rem;width:100%}.gb-ask .gb-out{color:var(--ink-2);font-size:.95rem;margin-top:.4rem;max-height:40vh;overflow-y:auto;white-space:pre-line}.gb-ask .gb-out:empty{display:none}.gb-ask .gb-btns button{font-family:var(--f-body);font-size:.85rem;letter-spacing:0;text-transform:none}.gb-ask .gb-btns button.pri{font-size:.6rem;text-transform:uppercase}.gb-ask .gb-btns button.pri,.gb-back{font-family:var(--f-display);letter-spacing:.12em}.gb-back{background:var(--page);border:1px solid var(--rule);border-radius:4px;bottom:max(12px,env(safe-area-inset-bottom,0px));color:var(--rubric);cursor:pointer;display:none;font-size:.55rem;padding:.4rem .6rem;position:fixed;right:max(12px,env(safe-area-inset-right,0px));z-index:50}@media (max-width:600px){.gb-bubble{font-size:.92rem;max-width:min(260px,72vw);padding:.5rem .65rem}.gb-tab{font-size:.5rem;padding:.24rem .45rem}}@media (prefers-reduced-motion:reduce){.gb-bubble{transition:none}}
/*# sourceMappingURL=main.e946eaf0.css.map*/