@font-face{font-family:Europa;src:url(/fonts/EuropaLight.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Europa;src:url(/fonts/EuropaRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Europa;src:url(/fonts/EuropaBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-latin-500-normal.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/eb-garamond-latin-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;size-adjust:112%}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;size-adjust:112%}.script-arabic{--font-sans:"Noto Sans Arabic", "Europa", "Helvetica Neue", Arial, sans-serif;--font-serif:"Noto Sans Arabic", "EB Garamond", "Mrs Eaves XL", Georgia, serif;font-family:var(--font-sans)}:root{--infinite:#26b5e9;--midnight:#1a2f42;--look-back:#2fb573;--look-up:#f5a81e;--look-forward:#e8481c;--canvas:#1a2f42;--card-face:#fbf9f4;--card-back:#24405a;--drawer:#14263a;--text-100:#fff;--text-62:#ffffff9e;--text-45:#ffffff73;--avatar-bg:#485c6b;--focus-ring:0 0 0 3px #26b5e92e;--your-card-ring:0 0 0 3px #26b5e959;--font-sans:"Europa", "Helvetica Neue", Arial, sans-serif;--font-serif:"EB Garamond", "Mrs Eaves XL", Georgia, serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--radius-btn:4px;--radius-container:8px;--radius-card:12px;--radius-pill:99px}*{box-sizing:border-box}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{background:var(--canvas);color:var(--text-100);min-height:100dvh;margin:0;font-size:16px;line-height:1.55}button{font-family:var(--font-sans)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.screen{max-width:430px;min-height:100dvh;padding:max(24px, calc(12px + var(--safe-t))) max(24px, var(--safe-l), var(--safe-r)) max(24px, calc(12px + var(--safe-b)));flex-direction:column;align-items:center;margin:0 auto;display:flex}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--infinite);font-size:11px;font-weight:700}.btn-primary{background:var(--infinite);color:#fff;border-radius:var(--radius-btn);cursor:pointer;border:none;width:100%;padding:15px 16px;font-size:16px;font-weight:700;transition:opacity .18s ease-out;display:block}.btn-primary:disabled{opacity:.35;cursor:default}.btn-link{color:var(--infinite);cursor:pointer;background:0 0;border:none;padding:12px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}.btn-link:hover{text-decoration:underline}.text-input{border-radius:var(--radius-container);width:100%;color:var(--text-100);font-family:var(--font-sans);background:#ffffff0f;border:1px solid #ffffff40;padding:14px 16px;font-size:17px;transition:border-color .18s ease-out}.text-input:focus-visible{border-color:var(--infinite);box-shadow:var(--focus-ring)}.text-input::placeholder{color:var(--text-45)}.serif{font-family:var(--font-serif);font-weight:400}.scripture-html p,.scripture-html .p{margin:0 0 10px}.scripture-html .yv-vlbl{vertical-align:super;font-size:11px;font-weight:700;font-family:var(--font-sans);color:var(--infinite);margin-inline-end:3px;line-height:0}.scripture-html .yv-v{display:none}.scripture-html .add{opacity:.85;font-style:italic}.scripture-html .s,.scripture-html .s1,.scripture-html .s2,.scripture-html .heading{letter-spacing:.1em;text-transform:uppercase;color:var(--text-45);font-size:12px;font-weight:700;font-family:var(--font-sans);margin:14px 0 8px;display:block}.scripture-html h1,.scripture-html h2,.scripture-html h3,.scripture-html h4,.scripture-html h5,.scripture-html h6{letter-spacing:.1em;text-transform:uppercase;color:var(--text-45);font-size:12px;font-weight:700;font-family:var(--font-sans);margin:14px 0 8px}.scripture-html sup{color:var(--infinite);font-size:11px;font-weight:700;font-family:var(--font-sans);margin-inline-end:3px}.scripture-html blockquote{margin:0 0 10px;padding-inline-start:14px}.pill{border-radius:var(--radius-pill);align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill--infinite{color:var(--infinite);background:#26b5e92e}.pill--white{color:var(--text-62);background:#ffffff1a}.avatar{border-radius:var(--radius-pill);background:var(--avatar-bg);color:#fff;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:inline-flex}@keyframes ttFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ttDots{0%,to{opacity:.25}50%{opacity:.9}}@keyframes ttCardIn{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}.fade-in{animation:.35s ease-out ttFade}@keyframes ttFadeCentered{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.fade-in-centered{animation:.35s ease-out ttFadeCentered}@keyframes ttBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.splash-breath{animation:3.4s ease-in-out infinite ttBreath}@keyframes ttSpin{to{transform:rotate(360deg)}}.admin-spin{animation:.7s linear infinite ttSpin}.dots{gap:4px;display:inline-flex}.dots span{background:#fff;border-radius:99px;width:5px;height:5px;animation:1.2s infinite ttDots}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes ttRiffleOdd{0%,to{transform:none}50%{transform:translate(-46px)rotate(-7deg)}}@keyframes ttRiffleEven{0%,to{transform:none}50%{transform:translate(46px)rotate(7deg)}}.riffle-odd{animation:.55s ease-in-out 2 ttRiffleOdd}.riffle-even{animation:.55s ease-in-out 2 ttRiffleEven}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
