:root{color-scheme:dark;--surface: rgba(8, 8, 12, .65);--surface-strong: rgba(10, 10, 14, .85);--text-primary: #f8f3e7;--text-muted: rgba(248, 243, 231, .7);--accent: #d8c18f;--accent-strong: #f1d79f;--divider: rgba(27, 20, 2, .15);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:KingthingsPetrock;src:url(/KingthingsPetrock.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:KingthingsPetrock Light;src:url(/KingthingsPetrock_Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:KingthingsPetrock,Georgia,Times New Roman,serif;background-color:#050609;color:var(--text-primary);min-height:100vh}#root{min-height:100vh}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}@media(max-width:600px){:root{--surface: rgba(8, 8, 12, .75);--surface-strong: rgba(5, 5, 8, .92)}}.app-shell{position:relative;min-height:100vh;overflow:hidden;background-color:#020203}.background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1);z-index:0}.video-overlay{position:fixed;inset:0;background:radial-gradient(circle at 30% 20%,#0a080640,#0606098c),#06060966;z-index:1}.content-shell{position:relative;z-index:2;min-height:100vh;padding:2rem clamp(1.5rem,4vw,4rem) clamp(6rem,12vh,8rem);display:flex;flex-direction:column}.landing-shell{position:relative;min-height:100vh;overflow:hidden;background-color:#020203}.landing-content{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,6vw,4rem)}.landing-card{width:min(900px,100%);background:#08080cb3;border-radius:1.5rem;border:1px solid rgba(216,193,143,.3);padding:clamp(2rem,5vw,3rem);box-shadow:0 25px 50px #0009;animation:landingCardFade .9s ease forwards;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);min-height:clamp(520px,70vh,680px)}.landing-card-headline{margin-bottom:.25rem}.landing-overline{margin:0;font-size:.9rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.landing-title{margin:.5rem 0 0;font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.12em;text-transform:uppercase;color:#fff8ea}.landing-copy{margin:1.5rem 0 2rem;font-size:1.05rem;line-height:1.8;color:var(--text-muted)}.landing-start-button{border:none;border-radius:999px;padding:.85rem 1.8rem;letter-spacing:.2em;text-transform:uppercase;background:var(--accent);color:#1a1a1a;font-family:inherit;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #00000059;align-self:center;margin-top:auto}.landing-start-button:hover{transform:translateY(-1px);box-shadow:0 18px 35px #00000073}.landing-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem;flex:1 1 auto}.landing-feature{display:flex;align-items:flex-start;gap:1rem;opacity:0;animation:landingFeatureRow .5s ease forwards;animation-delay:var(--feature-delay, 0s)}.icon-button.landing-feature-button{width:64px;height:64px;min-width:64px;min-height:64px;pointer-events:none;animation:landingFeatureButton .6s ease forwards;animation-delay:var(--feature-delay, 0s);border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0006;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 8px 20px #00000059}.icon-button.landing-feature-button.circle-trigger{font-size:1rem;width:64px;height:64px;min-width:64px;min-height:64px;padding:0}.landing-feature-text{animation:landingFeatureText .6s ease forwards;animation-delay:calc(var(--feature-delay, 0s) + .2s);flex:1}.landing-feature-text strong{display:block;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:.2rem}.landing-feature-text p{margin:0;color:var(--text-primary);line-height:1.6;max-width:60ch}@keyframes landingCardFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFeatureRow{0%{opacity:0}to{opacity:1}}@keyframes landingFeatureButton{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes landingFeatureText{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.control-column{position:fixed;bottom:max(1rem,calc(env(safe-area-inset-bottom,0px) + .75rem));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;width:min(90vw,520px);padding:.85rem 1.25rem;z-index:6}.app-header{display:flex;justify-content:center;margin:1rem 0 1.5rem;padding-top:1rem}.header-title{margin:0;text-align:center;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.08em;text-transform:uppercase;color:#fff8ea;text-shadow:0 6px 25px rgba(0,0,0,.5)}.icon-button{background:var(--surface);border:1px solid transparent;color:var(--text-primary);padding:.55rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease;cursor:pointer;min-width:44px;min-height:44px}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.icon-button:hover{border-color:var(--accent);background:#0000008c}.toggle-control[data-active=true]{color:#1a1a1a;background:var(--accent);border-color:var(--accent)}.toggle-control svg path{fill:currentColor;stroke:none}.control-with-menu{position:relative}.circle-trigger{width:44px;height:44px;padding:0;font-family:inherit;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase}.circle-trigger .circle-label{display:inline-block;font-weight:600;color:inherit}.circle-trigger[data-open=true]{border-color:var(--accent);color:var(--accent)}.control-menu{position:absolute;left:0;top:auto;bottom:calc(100% + .45rem);min-width:220px;display:flex;flex-direction:column;gap:.35rem;padding:.4rem;background:#050508e0;border-radius:1rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 30px #00000073;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.control-menu[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.control-option{border:none;border-radius:.75rem;padding:.45rem .75rem;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease;text-align:left}.control-option[data-active=true]{background:#ffffff1f;color:var(--accent)}.font-circle-label{line-height:1}.font-menu{align-items:stretch}.font-option{display:flex;justify-content:center;align-items:center;letter-spacing:0;text-transform:none;gap:.35rem}.font-option-glyph{line-height:1;color:inherit;font-weight:600}.prayer-panel{flex:1;display:flex;flex-direction:column;background:transparent;--prayer-font-scale: 1;border-radius:1rem;padding:clamp(1.25rem,4vw,2.5rem);max-width:900px;width:100%;margin:0 auto;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.prayer-scroll{flex:1;overflow-y:auto;padding-right:.5rem;max-height:calc(100vh - 220px)}.prayer-text-body{font-family:KingthingsPetrock Light,KingthingsPetrock,serif;font-size:calc(clamp(1.2rem,3.2vw,1.8rem) * var(--prayer-font-scale, 1));line-height:1.9;color:#fdf7e6;text-shadow:0 1px 8px rgba(0,0,0,.55);text-align:center;display:flex;flex-direction:column;gap:1.2rem;align-items:center}.prayer-text-body p{margin:0;text-align:center;max-width:60ch;letter-spacing:.02em}.prayer-text-body strong{font-family:KingthingsPetrock,Times New Roman,serif;letter-spacing:.08em;text-transform:uppercase;color:#fff6da}.prayer-placeholder{text-align:center;color:var(--text-muted);font-size:1.1rem}.drawer{position:fixed;inset:0 auto 0 0;width:min(420px,88vw);background:var(--surface-strong);border-right:1px solid rgba(255,255,255,.12);box-shadow:0 0 40px #0009;transform:translate(-100%);transition:transform .35s ease;display:flex;flex-direction:column;z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.drawer[data-open=true]{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--divider)}.drawer-header h2{margin:0;font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase}.drawer-tabs{display:flex;gap:.75rem;padding:.5rem 1.5rem 1rem;border-bottom:1px solid var(--divider)}.drawer-tab{flex:1;border:none;border-radius:999px;padding:.4rem .75rem;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;cursor:pointer;transition:background .2s ease,color .2s ease}.drawer-tab[data-active=true]{background:#ffffff1f;color:var(--text-primary)}.drawer-tab-icon{flex:0 0 auto;width:48px;min-width:48px;padding:.4rem;display:inline-flex;align-items:center;justify-content:center}.drawer-tab-icon svg{width:20px;height:20px}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.drawer-list{display:flex;flex-direction:column;gap:.75rem}.drawer-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.9rem;letter-spacing:.12em;text-transform:uppercase}.drawer-note{padding:.85rem 1rem;border-radius:.75rem;border:1px solid var(--divider);background:#ffffff0a;color:var(--text-muted);font-size:.95rem;letter-spacing:.08em;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center}.drawer-note p{margin:0}.drawer-note .pill-button{width:100%;max-width:260px;letter-spacing:.12em}.drawer-item{display:flex;align-items:center;gap:.4rem;padding:.35rem;border-radius:.85rem;border:1px solid transparent;background:#ffffff0a;transition:border-color .2s ease,background .2s ease}.drawer-item[data-active=true]{border-color:var(--accent);background:#ffffff14}.drawer-item-main{flex:1;border:none;background:transparent;color:var(--text-primary);font-family:inherit;cursor:pointer;padding:.4rem .2rem .4rem .4rem;display:flex;flex-direction:column;text-align:left;gap:.25rem}.drawer-item-main strong{font-size:1.05rem;letter-spacing:.08em}.drawer-item-actions{display:flex;flex-direction:row;gap:.3rem;align-items:center;justify-content:center;flex:0 0 auto;padding-right:.2rem}.drawer-action-button{border:1px solid rgba(255,255,255,.25);background:#00000059;color:var(--text-primary);border-radius:999px;width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.3rem;transition:border-color .2s ease,background .2s ease,color .2s ease}.drawer-action-button svg{width:18px;height:18px}.drawer-action-button.copy{border-color:#fff3}.drawer-action-button.favorite[data-active=true]{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.drawer-action-button.favorite[data-active=true] svg{color:#1a1a1a}.drawer-item-description{font-size:.9rem;color:var(--text-muted)}.drawer-item strong{margin-bottom:0}.drawer-editor{display:flex;flex-direction:column;gap:.75rem}.drawer-editor input,.drawer-editor textarea{width:100%;border-radius:.75rem;border:1px solid var(--divider);background:#00000059;color:var(--text-primary);font-family:inherit;padding:.75rem 1rem;font-size:1rem}.drawer-editor textarea{min-height:160px;resize:vertical;line-height:1.6}.drawer-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pill-button{flex:1;border-radius:999px;padding:.65rem 1rem;border:1px solid var(--divider);background:transparent;color:var(--text-primary);font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;transition:background .2s ease,border-color .2s ease}.pill-button.accent{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.pill-button.danger{border-color:#ff696166;color:#ffada8f2}.pill-button:disabled{opacity:.5;cursor:not-allowed}.add-prayer-button{border-radius:.75rem;border:1px dashed var(--divider);background:transparent;color:var(--accent);padding:.65rem 1rem;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.12em}.drawer-scrim{position:fixed;inset:0;background:#0006;border:none;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:4}.drawer-scrim[data-open=true]{opacity:1;pointer-events:auto}.modal-scrim{position:fixed;inset:0;background:#0009;border:none;opacity:1;pointer-events:auto;z-index:7}.confirmation-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,420px);background:var(--surface-strong);border-radius:1rem;border:1px solid rgba(255,255,255,.2);padding:clamp(1.5rem,4vw,2rem);z-index:8;box-shadow:0 25px 55px #000000a6}.confirmation-modal h3{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.2em;font-size:1rem;color:var(--text-primary)}.confirmation-modal p{margin:0;color:var(--text-muted);line-height:1.6}.modal-highlight{color:var(--accent);font-weight:600}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-button{flex:1;border-radius:999px;padding:.65rem 1rem;border:1px solid var(--divider);background:transparent;color:var(--text-primary);font-family:inherit;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.modal-button.danger{border-color:#ff696180;color:#ffada8f2}.modal-button.danger:hover{background:#ff696126}@media(max-width:768px){.content-shell{padding:1.25rem 1rem clamp(7rem,20vh,9rem)}.app-header{flex-direction:column;align-items:center;padding-top:.5rem;min-height:0}.header-title{text-align:center;width:calc(100% - 2rem)}.control-column{width:calc(100% - 1.5rem);padding:.7rem .9rem;gap:.6rem}.control-with-menu{width:auto}.control-menu{width:min(85vw,280px);left:50%;transform:translate(-50%,6px)}.control-menu[data-open=true]{transform:translate(-50%)}.prayer-panel{padding:1.5rem}.prayer-scroll{max-height:calc(100vh - 280px)}}@media(max-height:700px){.prayer-scroll{max-height:calc(100vh - 180px)}}