:root{--bg:#080d19;--bg-gradient:radial-gradient(circle at 50% 0%, #15223e 0%, #080d19 75%);--surface:#10192e;--surface-alt:#16223d;--surface-glass:#10192ec7;--surface-glass-border:#d4af3729;--surface-elevated:#1a2847;--fg:#f3f6fc;--fg-secondary:#c5d0e6;--fg-muted:#8292b3;--fg-faint:#475569;--gold:#d4af37;--gold-hover:#e5c358;--gold-glow:#d4af3747;--gold-dim:#d4af371f;--gold-ink:#f0cb62;--gold-gradient:linear-gradient(135deg, #faebb0 0%, #d4af37 55%, #a67c1e 100%);--gold-gradient-soft:linear-gradient(135deg, #f5e39626 0%, #d4af370d 100%);--sky-sacred:#38bdf8;--green-peace:#34d399;--rose-love:#f43f5e;--red-urgency:#ef4444;--line:#ffffff14;--line-strong:#d4af373d;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-serif:"Lora", Georgia, "Times New Roman", serif;--font-display:"Cinzel", serif;--scripture-size:1.15rem;--scripture-line:1.85;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 8px 24px #00000059;--shadow-glow:0 0 25px #d4af3738}:root[data-theme=light]{--bg:#f5f4ed;--bg-gradient:radial-gradient(circle at 50% 0%, #ebe7d8 0%, #f5f4ed 75%);--surface:#fff;--surface-alt:#f0ede1;--surface-glass:#ffffffe0;--surface-glass-border:#b8860b38;--surface-elevated:#fff;--fg:#131a26;--fg-secondary:#2c384d;--fg-muted:#5e6b82;--fg-faint:#94a3b8;--gold:#b8860b;--gold-hover:#996e05;--gold-glow:#b8860b33;--gold-dim:#b8860b14;--gold-ink:#8f6805;--gold-gradient:linear-gradient(135deg, #d4af37 0%, #b8860b 55%, #805c04 100%);--gold-gradient-soft:linear-gradient(135deg, #b8860b1a 0%, #b8860b05 100%);--line:#00000014;--line-strong:#b8860b4d;--shadow-md:0 8px 20px #1a243614}:root[data-theme=sepia]{--bg:#1e1915;--bg-gradient:radial-gradient(circle at 50% 0%, #2a221c 0%, #1e1915 75%);--surface:#26201b;--surface-alt:#332b24;--surface-glass:#26201bd9;--surface-glass-border:#e0b97533;--surface-elevated:#3a3129;--fg:#f5eedf;--fg-secondary:#decbb4;--fg-muted:#a8947f;--fg-faint:#6e6052;--gold:#e0b975;--gold-hover:#ecd19a;--gold-glow:#e0b97540;--gold-dim:#e0b9751f;--gold-ink:#ebd098;--gold-gradient:linear-gradient(135deg, #f7e3ba 0%, #e0b975 55%, #af8844 100%)}:root[data-fs=p]{--scripture-size:1rem;--scripture-line:1.7}:root[data-fs=m]{--scripture-size:1.18rem;--scripture-line:1.85}:root[data-fs=g]{--scripture-size:1.38rem;--scripture-line:1.95}:root[data-fs=xg]{--scripture-size:1.6rem;--scripture-line:2.05}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-gradient);color:var(--fg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.55;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:99;background:#080d19f2;position:fixed;top:0;left:0;right:0}button,input,select,textarea{font:inherit;color:inherit;outline:none}button{cursor:pointer;background:0 0;border:none;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af3733;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d4af3766}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.wrap{width:100%;max-width:820px;padding-inline:max(16px, env(safe-area-inset-left,0px));margin-inline:auto}main.main-content{padding-top:18px;padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));flex:1}@media (width>=768px){main.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.glass-card.interactive:hover{border-color:var(--gold);box-shadow:var(--shadow-glow), var(--shadow-md);transform:translateY(-2px)}.gold-card-hero{background:linear-gradient(145deg,#162444 0%,#0c1527 100%);border:1px solid #d4af3759;position:relative;box-shadow:0 12px 35px #0006,0 0 40px #d4af371f}.gold-card-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#d4af3740 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}.btn-gold{background:var(--gold-gradient);color:#0b1120;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #d4af374d}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 22px #d4af3773}.btn-ghost-gold{background:var(--gold-dim);color:var(--gold-ink);border:1px solid var(--line-strong);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost-gold:hover{border-color:var(--gold);background:#d4af3738;transform:translateY(-1px)}.btn-icon{width:40px;height:40px;color:var(--fg-secondary);border:1px solid var(--line);background:#ffffff0a;border-radius:12px;place-items:center;transition:all .2s;display:inline-grid}.btn-icon:hover{color:var(--gold-ink);border-color:var(--gold);background:#d4af3726}.btn-icon.active{background:var(--gold);color:#0d1527;border-color:var(--gold)}.badge-gold{letter-spacing:.08em;text-transform:uppercase;background:var(--gold-dim);color:var(--gold-ink);border-radius:var(--radius-full);border:1px solid #d4af3740;align-items:center;gap:6px;padding:4px 12px;font-size:.76rem;font-weight:700;display:inline-flex}.scripture-verse{font-family:var(--font-serif);font-size:var(--scripture-size);line-height:var(--scripture-line);color:var(--fg);letter-spacing:.01em}.scripture-ref{font-family:var(--font-display);letter-spacing:.06em;color:var(--gold-ink);font-size:.92rem;font-weight:700}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #d4af3733}50%{box-shadow:0 0 28px #d4af3773}}.pulse-glow{animation:3s ease-in-out infinite pulseGlow}.audio-wave{align-items:center;gap:3px;height:18px;display:flex}.audio-wave span{background:var(--gold);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}.audio-wave span:first-child{height:6px;animation-delay:.1s}.audio-wave span:nth-child(2){height:14px;animation-delay:.25s}.audio-wave span:nth-child(3){height:18px;animation-delay:.4s}.audio-wave span:nth-child(4){height:10px;animation-delay:.15s}.audio-wave span:nth-child(5){height:5px;animation-delay:.3s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.1)}}@media (width<=480px){.wrap{padding-inline:max(12px, env(safe-area-inset-left,0px))}}.header-wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=420px){.header-wrap{gap:6px!important}.header-title{font-size:1.08rem!important}.header-logo-icon{border-radius:8px!important;width:30px!important;height:30px!important}.header-streak{padding:3px 8px!important;font-size:.7rem!important}.header-auth{min-height:30px!important;padding:4px 10px!important;font-size:.78rem!important}}@media (width<=340px){.header-title{font-size:.98rem!important}}.bottom-nav{z-index:99999;-webkit-backdrop-filter:blur(24px);padding-bottom:max(6px, env(safe-area-inset-bottom,0px));background:#0b1324fa;border-top:2px solid #d4af3773;padding-top:5px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #000000b3,0 -1px 10px #d4af3740}.bottom-nav-grid{width:100%;max-width:820px;padding-inline:max(12px, env(safe-area-inset-left,0px));grid-template-columns:repeat(6,1fr);align-items:center;gap:4px;margin-inline:auto;display:grid}.bottom-nav-btn{color:#c0cce5;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-width:0;min-height:52px;padding:8px 3px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bottom-nav-btn:hover{color:var(--gold-ink);background:#d4af3714}.bottom-nav-btn.active{color:var(--gold-ink);background:#d4af3733;border:1px solid #d4af3780;box-shadow:0 0 12px #d4af3740}.bottom-nav-label{letter-spacing:-.01em;white-space:nowrap;text-align:center;width:100%;font-size:.74rem;font-weight:600;line-height:1.1;display:block}.bottom-nav-btn.active .bottom-nav-label{font-weight:700}@media (width<=480px){.bottom-nav{padding-top:3px;padding-bottom:max(4px, env(safe-area-inset-bottom,0px))}.bottom-nav-grid{gap:0!important;padding-inline:1px!important}.bottom-nav-btn{border-radius:8px!important;gap:2px!important;width:100%!important;min-height:46px!important;padding:4px 0!important}.bottom-nav-icon{width:18px!important;height:18px!important}.bottom-nav-label{transform-origin:50%;transform:scale(.92);letter-spacing:-.03em!important;white-space:nowrap!important;width:100%!important;font-size:11px!important;line-height:1.05!important}.bottom-nav-btn.active .bottom-nav-label{font-weight:700!important}}@media (width<=350px){.bottom-nav-grid{gap:0!important;padding-inline:0!important}.bottom-nav-btn{border-radius:6px!important;min-height:42px!important;padding:3px 0!important}.bottom-nav-icon{width:16px!important;height:16px!important}.bottom-nav-label{transform-origin:50%;transform:scale(.85);letter-spacing:-.04em!important;font-size:11px!important}}.emotions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}@media (width<=540px){.emotions-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}}@media (width<=340px){.emotions-grid{gap:4px!important}.emotions-grid button{padding:8px 6px!important;font-size:.8rem!important}}.home-tiles-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=768px){.home-tiles-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (width<=340px){.home-tiles-grid{gap:6px!important}}.tab-switcher{border:1px solid var(--line);background:#ffffff08;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;padding:6px;display:grid}@media (width<=360px){.tab-switcher{gap:4px!important;padding:4px!important}.tab-switcher button{padding:8px 4px!important;font-size:.78rem!important}}@media (width<=480px){h2,h1{font-size:1.45rem!important}.gold-card-hero{padding:20px 16px!important}.scripture-verse{font-size:1.05rem!important}}.header-install-btn:hover{transform:translateY(-1px);border-color:var(--gold)!important;background:linear-gradient(135deg,#d4af3759 0%,#d4af3729 100%)!important}.header-install-btn:active{transform:translateY(0)}