:root{--void: #000000;--surface-base: #d9d7d2;--surface-raised: #edeae6;--ink: #293b3c;--ink-tertiary: rgba(41, 59, 60, .5);--border-default: rgba(41, 59, 60, .35);--border-subtle: rgba(41, 59, 60, .15);--star: #d9d7d2;--star-border: rgba(217, 215, 210, .25);--star-tertiary: rgba(217, 215, 210, .5);--s1: 4px;--s2: 6px;--s3: 8px;--s4: 12px;--s4-textbox: 11px;--s5: 16px;--radius: 4px;--serif: "Platypi", "Iowan Old Style", Georgia, serif;--mono: "Chivo Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--star);font-family:var(--mono);font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}*,*:before,*:after{touch-action:pan-x pan-y}canvas{touch-action:none}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.stage{position:relative;width:100%;height:100%}.stage__canvas{position:absolute;inset:0}.stage__overlay{position:absolute;inset:0;pointer-events:none}.stage__overlay>*{pointer-events:auto}.stage__bloomwash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 48%,#899eb21a,#0000 70%);mix-blend-mode:screen;opacity:0;transition:opacity 2.4s var(--ease-out)}.stage[data-phase=result] .stage__bloomwash{opacity:1}.card{position:absolute;left:50%;top:50%;translate:-50% -50%;width:260px;max-width:calc(100vw - 32px);min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s5);border-radius:var(--radius);border-bottom:1px solid var(--border-subtle);background:radial-gradient(45.1% 45.1% at 50% 0%,#ffffff80,#fff0),var(--surface-base);color:var(--ink);isolation:isolate;box-shadow:0 0 0 1px #d9d7d20f,0 24px 80px -24px #000000e6,0 0 120px -30px #d9d7d238;animation:card-in 1.1s var(--ease-out) both}@keyframes card-in{0%{opacity:0;translate:-50% calc(-50% + 14px);filter:blur(6px)}to{opacity:1;translate:-50% -50%;filter:blur(0)}}.card[data-leaving=true]{animation:card-out .9s var(--ease-out) both}@keyframes card-out{to{opacity:0;translate:-50% calc(-50% - 10px);scale:.97;filter:blur(10px)}}.card__prayer{position:relative;z-index:1;margin:0;width:100%;font-family:var(--serif);font-weight:300;font-size:18px;line-height:1.25;letter-spacing:-.01em;text-align:center;text-wrap:balance}.card__mark{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--ink-tertiary)}.card__mark svg{display:block}.card__form{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--s3);width:100%}.field{display:flex;flex-direction:column;gap:var(--s1);width:100%}.field__label{display:flex;align-items:flex-end;gap:var(--s3);width:100%}.field__name{font-size:14px;letter-spacing:-.01em}.field__count{flex:1;text-align:right;font-size:12px;letter-spacing:-.01em;color:var(--ink-tertiary);font-variant-numeric:tabular-nums}.field__input{width:100%;height:40px;padding:var(--s4-textbox) var(--s4);border:0;border-top:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-raised);color:var(--ink);font-size:14px;letter-spacing:-.01em;outline:none;transition:box-shadow .22s var(--ease-out)}.field__input::placeholder{color:var(--ink-tertiary)}.field__input:focus-visible{box-shadow:inset 0 0 0 1px var(--border-default)}.button{display:flex;align-items:center;justify-content:center;gap:var(--s3);height:40px;padding:0 var(--s4);border:1px solid var(--border-default);border-radius:var(--radius);background:transparent;font-size:14px;letter-spacing:-.01em;transition:background-color .22s var(--ease-out),opacity .22s var(--ease-out)}.button:hover:not(:disabled){background:#293b3c0f}.button:disabled{opacity:.4;cursor:not-allowed}.card__sky{position:absolute;z-index:0;top:9px;left:21px;right:21px;height:84px;pointer-events:none}.card__star-wrap{position:absolute;translate:calc(var(--px, 0px) * var(--depth)) calc(var(--py, 0px) * var(--depth))}.card__star{position:absolute;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;background:#fff;box-shadow:0 0 7px 1.5px #fffffff2;opacity:var(--dim);animation:card-star-flicker var(--flicker) ease-in-out var(--delay) infinite alternate,card-star-drift var(--drift) ease-in-out var(--delay) infinite alternate}@keyframes card-star-flicker{0%{opacity:var(--dim)}to{opacity:1}}@keyframes card-star-drift{0%{translate:0 0}to{translate:var(--dx) var(--dy)}}.bar{position:absolute;z-index:3;left:8.33%;right:8.33%;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:var(--s5);padding:var(--s3) var(--s3) var(--s3) var(--s5);border-radius:var(--radius);border-bottom:1px solid var(--border-subtle);animation:bar-in 1.2s .5s var(--ease-out) both}@keyframes bar-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bar__left{display:flex;align-items:center;gap:var(--s5);min-width:0}.bar__mark{flex:none;width:24px;height:24px;color:var(--star-tertiary)}.bar__name{font-size:14px;letter-spacing:-.01em;color:var(--star);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar__meta{font-size:12px;letter-spacing:-.01em;color:var(--star-tertiary);white-space:nowrap}.bar__actions{display:flex;align-items:center;gap:var(--s3);flex:none}.action{display:flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:0 var(--s4) 0 var(--s4-textbox);border:1px solid var(--star-border);border-radius:var(--radius);background:var(--void);color:var(--star);font-size:14px;letter-spacing:-.01em;white-space:nowrap;transition:border-color .22s var(--ease-out),background-color .22s var(--ease-out)}.action:hover{border-color:#d9d7d28c;background:#d9d7d20f}.action:disabled{opacity:.5;cursor:progress}.action__icon{flex:none;width:16px;height:16px}.overlay{position:absolute;z-index:2;inset:0;background:#000c;animation:overlay-in .3s var(--ease-out) both}@keyframes overlay-in{0%{opacity:0}}.overlay__panel{position:absolute;top:104px;bottom:128px;left:50%;translate:-50% 0;width:min(520px,calc(100vw - 32px))}.overlay__scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:64px 0;outline:none;scrollbar-width:thin;scrollbar-color:rgba(217,215,210,.25) transparent}.overlay__scroll::-webkit-scrollbar{width:6px}.overlay__scroll::-webkit-scrollbar-thumb{background:#d9d7d240;border-radius:3px}.overlay__code{margin:0;font-family:var(--mono);font-weight:300;font-size:14px;line-height:normal;letter-spacing:-.01em;color:var(--star);white-space:pre-wrap;word-break:break-word;tab-size:2}.overlay__fade{position:absolute;left:0;right:0;pointer-events:none}.overlay__fade--top{top:0;height:48px;background:linear-gradient(to bottom,#000,#0000)}.overlay__fade--bottom{bottom:0;height:64px;background:linear-gradient(to top,#000,#0000)}.overlay__top{position:absolute;top:32px;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.overlay__hint{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9d7d261;white-space:nowrap}.corner{position:absolute;z-index:3;top:32px;animation:hint-in .9s .6s var(--ease-out) both}.corner--left{left:8.33%}.corner--right{right:8.33%}.action--icon{gap:0}@keyframes hint-in{0%{opacity:0}to{opacity:1}}.toast{position:absolute;z-index:4;left:50%;bottom:104px;translate:-50% 0;padding:var(--s3) var(--s4);border:1px solid var(--star-border);border-radius:var(--radius);background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--star);font-size:12px;letter-spacing:-.01em;white-space:nowrap;animation:toast-in .32s var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.hint{position:absolute;z-index:3;left:50%;top:45px;translate:-50% 0;margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9d7d261;white-space:nowrap;animation:hint-cycle 9s 1.4s var(--ease-out) both;pointer-events:none}@keyframes hint-cycle{0%{opacity:0}18%,70%{opacity:1}to{opacity:0}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.corner{top:12px}.corner--left{left:12px}.corner--right{right:12px}.hint,.overlay__hint{display:none}.overlay__top{top:12px}.bar{left:0;right:0;bottom:0;flex-direction:column;align-items:center;gap:24px;padding:var(--s4);border-radius:0}.bar__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);width:100%}.action:not(.action--icon){padding:0 var(--s3)}.bar__meta{display:none}.overlay__panel{top:53px;bottom:161px;left:0;translate:none;width:100%}.overlay__scroll{padding:64px 12px}.toast{bottom:176px}}@media(prefers-reduced-motion:reduce){.card,.bar,.hint,.toast,.corner{animation-duration:1ms;animation-delay:0ms}.card__star{animation:none;opacity:var(--dim)}.card__star-wrap{translate:none}.overlay{animation-duration:1ms}}