:root{--bg: #090b0f;--bg2: #0f1219;--bg3: #151a24;--gold: #c9a84c;--gold2: #a8873c;--gdim: rgba(201, 168, 76, .12);--prem: #7c5cbf;--red: #8b2020;--tc: #ede8dc;--white: #f5f0e8;--dim: #8a847e;--border: rgba(255, 255, 255, .09);--radius: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--fs-xxs: .7rem;--fs-xs: .75rem;--fs-sm: .82rem;--fs-md: .95rem;--fs-lg: 1.05rem;--fs-xl: 1.25rem;--fs-2xl: 1.6rem;--fs-3xl: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background:radial-gradient(ellipse 100% 35% at 50% 0%,rgba(201,168,76,.06) 0%,transparent 70%),#090b0f}html,body,#root{height:100%;width:100%;overflow:hidden;color:var(--tc)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;font-size:16px;line-height:1.6;background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.cinzel{font-family:Cinzel,serif}.devotional{font-family:Crimson Pro,Georgia,serif;font-style:italic}.btn-gold{font-family:Cinzel,serif;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:linear-gradient(135deg,#c9a84c29,#c9a84c14);border:1px solid rgba(201,168,76,.35);border-radius:var(--radius);padding:.75rem 1.5rem;cursor:pointer;transition:background .2s,border-color .2s,transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.btn-gold:hover{background:#c9a84c38;border-color:var(--gold);box-shadow:0 0 16px #c9a84c1f}.btn-gold:active{transform:scale(.97)}.btn-gold:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:.65rem 1.2rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}.btn-ghost:hover{color:var(--tc);border-color:#ffffff38;background:#ffffff0a}.btn-back{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:transparent;border:none;padding:.65rem .5rem .65rem 0;cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;gap:.3rem}.btn-back:before{content:"‹";font-size:1.2rem;line-height:1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;margin-top:-1px}.btn-back:hover{color:var(--tc)}.glass{background:#0f1219d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.section-label{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.verse-quote{font-family:Crimson Pro,Georgia,serif;font-style:italic;font-size:1.1rem;color:var(--tc);line-height:1.75}@keyframes pulse-gold{0%,to{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-gold{animation:pulse-gold 1.8s ease-in-out infinite}.animate-fade-up{animation:fade-up .4s ease both}.skeleton{background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c33;border-radius:2px}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden}.screen-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:var(--safe-bottom);background:#090b0ff7;border-top:1px solid rgba(201,168,76,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6rem 0 .5rem;gap:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,opacity .2s;color:var(--dim);font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;position:relative}.nav-item.active{color:var(--gold)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2px;border-radius:0 0 2px 2px;background:var(--gold)}.nav-item svg{width:20px;height:20px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;transition:border-color .2s}.card:hover{border-color:#ffffff24}.gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);margin:1rem 0;opacity:.35}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:200;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.overlay-sheet{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg2);border-top:1px solid rgba(201,168,76,.25);border-left:1px solid var(--border);border-right:1px solid var(--border);border-radius:16px 16px 0 0;padding:1.5rem 1.5rem calc(1.5rem + var(--safe-bottom))}.screen-pad{padding:calc(var(--safe-top) + 1.25rem) 1.1rem calc(5rem + var(--safe-bottom));max-width:480px;margin:0 auto;width:100%}input,textarea{background:var(--bg3);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:var(--tc);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;font-size:1rem;padding:.8rem 1rem;width:100%;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}input:focus,textarea:focus{border-color:#c9a84c73;box-shadow:0 0 0 3px #c9a84c14}input::placeholder,textarea::placeholder{color:#8a847e8c}textarea{resize:vertical;min-height:80px;line-height:1.65}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:.25rem .8rem;font-size:.78rem;color:var(--dim);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.chip.active{color:var(--gold);border-color:#c9a84c66;background:#c9a84c0f}.progress-track{height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c66}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.5rem 1rem;gap:.75rem}.empty-state__icon{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#c9a84c26,#c9a84c08);border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:.25rem}.empty-state__title{font-family:Cinzel,serif;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.empty-state__body{font-size:.92rem;color:var(--dim);line-height:1.65;max-width:260px}