: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: #b3ada1;--dim2: #8a847a;--border: rgba(255, 255, 255, .09);--radius: 10px;--font-display: "Cinzel", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-scripture: "Crimson Pro", Georgia, serif;--red-bright: #c84b4b;--red-soft: #e57373;--success: #4caf81;--ember: #ff6b35;--steel: #5b8dd9;--amber: #e8a44a;--violet: #a78bfa;--zone-fallen: #c84b4b;--zone-compromised: #e07030;--zone-tested: #c9a84c;--zone-standing: #a8c060;--zone-righteous: #4caf81;--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}button,[role=button],a,.chip,.nav-item,label[for]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:not(.motion-btn):active,[role=button]:not(.motion-btn):active,.chip:active{transform:scale(.97)}button,[role=button],.chip{transition:background .2s,border-color .2s,color .2s,box-shadow .2s}@media (prefers-reduced-motion: reduce){button:active,[role=button]:active,.chip:active{transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border: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:var(--font-ui);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:var(--font-ui);font-weight:600;font-size:.82rem;letter-spacing:.04em;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:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.03em;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:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.03em;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:var(--font-ui);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:var(--font-ui);font-weight:600;font-size:.72rem;letter-spacing:.1em;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)}}@keyframes aurora{0%,to{transform:translate(-12%,-8%) scale(1);opacity:.6}50%{transform:translate(12%,8%) scale(1.25);opacity:1}}@keyframes aurora2{0%,to{transform:translate(10%,4%) scale(1.1);opacity:.45}50%{transform:translate(-10%,-6%) scale(1);opacity:.8}}@keyframes sheen{0%{transform:translate(-120%) skew(-18deg)}to{transform:translate(220%) skew(-18deg)}}@keyframes emblem-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes halo-spin{to{transform:rotate(360deg)}}@keyframes halo-spin-rev{to{transform:rotate(-360deg)}}@keyframes spark{0%{transform:translateY(0) scale(1);opacity:0}20%{opacity:1}to{transform:translateY(-58px) scale(.3);opacity:0}}@keyframes title-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes hero-sweep{0%{transform:translate(-150%) skew(-20deg);opacity:0}35%{opacity:.5}70%{opacity:0}to{transform:translate(260%) skew(-20deg);opacity:0}}.hero{position:relative;overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--accent, var(--gold)) 45%,transparent);background:linear-gradient(165deg,color-mix(in srgb,var(--accent, var(--gold)) 20%,transparent),#0a0a10f0 58%);box-shadow:0 8px 40px color-mix(in srgb,var(--accent, var(--gold)) 22%,transparent),inset 0 1px color-mix(in srgb,var(--accent, var(--gold)) 35%,transparent)}.hero:before{content:"";position:absolute;top:-45%;left:50%;width:130%;height:130%;transform:translate(-50%);background:radial-gradient(ellipse 50% 45% at 50% 0%,color-mix(in srgb,var(--accent, var(--gold)) 45%,transparent) 0%,transparent 70%);animation:aurora 8s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-50%;right:-10%;width:90%;height:110%;background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in srgb,var(--accent, var(--gold)) 40%,transparent) 0%,transparent 70%);animation:aurora2 11s ease-in-out infinite;pointer-events:none}.hero>*{position:relative;z-index:1}.hero-sweep{position:absolute;top:0;left:0;z-index:2;width:45%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent, var(--gold)) 30%,rgba(255,255,255,.35)),transparent);animation:hero-sweep 5s ease-in-out infinite;pointer-events:none}.hero-title{font-family:Cinzel,serif;background:linear-gradient(100deg,#fff 0%,var(--accent, var(--gold)) 35%,#fff 50%,var(--accent, var(--gold)) 65%,#fff 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 10px color-mix(in srgb,var(--accent, var(--gold)) 55%,transparent));animation:title-shimmer 6s linear infinite}@media (prefers-reduced-motion: reduce){.hero:before,.hero:after,.hero-sweep,.hero-title{animation:none}}.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:var(--font-ui);font-weight:600;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;position:relative}.nav-item.active{color:var(--item-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(--item-color, 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:var(--font-ui);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:var(--font-ui);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.empty-state__body{font-size:.92rem;color:var(--dim);line-height:1.65;max-width:260px}