*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080d1a;--surface:#111827;--surface2:#1a2340;--gold:#c9a96e;--gold-dim:#7a6440;--gold-glow:#c9a96e26;--text:#e8e0d0;--text-dim:#7a8099;--text-muted:#3d4460;--danger:#c96e6e;--success:#6ec9a0;--radius:16px;--transition:0.3s cubic-bezier(0.4,0,0.2,1);--font-display:"Cormorant Garamond",serif;--font-body:"DM Sans",sans-serif}#root,body,html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#080d1a;background:var(--bg);color:#e8e0d0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-weight:300;height:100%;overflow:hidden}::-webkit-scrollbar{width:0}button,input{font-family:DM Sans,sans-serif;font-family:var(--font-body)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0 auto;max-width:430px;overflow:hidden;position:relative}.app:before{background-image:repeating-linear-gradient(60deg,#0000,#0000 40px,hsla(39,46%,61%,.015) 0,hsla(39,46%,61%,.015) 41px),repeating-linear-gradient(-60deg,#0000,#0000 40px,hsla(39,46%,61%,.015) 0,hsla(39,46%,61%,.015) 41px);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.btn{border:none;border-radius:12px;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.06em;padding:15px 24px;text-transform:uppercase;transition:var(--transition);width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gold);color:var(--bg);font-weight:500}.btn-secondary{border:1px solid var(--text-muted);color:var(--text-dim)}.btn-ghost,.btn-secondary{background:#0000;font-size:13px}.btn-ghost{border:none;color:var(--gold);cursor:pointer;font-family:var(--font-body);letter-spacing:0;padding:10px;text-transform:none;width:auto}.input-label{color:var(--gold-dim);display:block;font-size:11px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.input-field{background:var(--surface);border:1px solid var(--text-muted);border-radius:10px;color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:300;outline:none;padding:14px 16px;transition:border-color var(--transition);width:100%}.input-field:focus{border-color:var(--gold)}.input-field::placeholder{color:var(--text-muted)}.avatar{background:var(--surface2);border:1px solid #c9a96e26;border-radius:50%;color:var(--gold);flex-shrink:0;font-family:var(--font-display)}.avatar,.empty-state{align-items:center;display:flex;justify-content:center}.empty-state{flex-direction:column;gap:12px;padding:60px 32px;text-align:center}.empty-icon{font-size:36px;opacity:.4}.empty-title{color:var(--text-dim);font-family:var(--font-display);font-size:22px;font-weight:300}.empty-sub{color:var(--text-muted);font-size:13px;line-height:1.6;max-width:240px}.toast{background:var(--surface2);border:1px solid #c9a96e33;border-radius:10px;bottom:90px;color:var(--text);font-size:13px;left:50%;opacity:0;padding:12px 20px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(20px);transition:all .3s ease;white-space:nowrap;z-index:500}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:100}.modal-overlay.visible{opacity:1;pointer-events:all}.modal-sheet{background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid #c9a96e26;max-width:430px;padding:24px 24px 40px;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-overlay.visible .modal-sheet{transform:translateY(0)}.modal-handle{background:var(--text-muted);border-radius:2px;height:4px;margin:0 auto 20px;opacity:.4;width:36px}.float-anim{animation:float 4s ease-in-out infinite}.onboard{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;overflow-y:auto;padding:40px 32px;position:relative;z-index:1}.ob-crescent{filter:drop-shadow(0 0 16px rgba(201,169,110,.3));font-size:48px;margin-bottom:20px}.ob-bismillah{color:var(--gold);font-size:22px;font-style:italic;letter-spacing:.05em;margin-bottom:6px;opacity:.8}.ob-bismillah,.ob-logo{font-family:var(--font-display)}.ob-logo{color:var(--text);font-size:52px;font-weight:300;letter-spacing:.08em;margin-bottom:4px}.ob-tagline{color:var(--text-muted);font-size:12px;letter-spacing:.14em;margin-bottom:36px;text-transform:uppercase}.hadith-card{background:var(--surface);border:1px solid #c9a96e1f;border-radius:var(--radius);margin-bottom:14px;overflow:hidden;padding:20px 22px;position:relative;width:100%}.hadith-card-secondary{background:#11182780;border-color:#c9a96e0f;margin-bottom:28px}.hadith-quote{color:var(--gold);font-size:80px;left:14px;line-height:1;opacity:.12;pointer-events:none;position:absolute;top:-10px}.hadith-quote,.hadith-text{font-family:var(--font-display)}.hadith-text{color:var(--text);font-size:16px;font-style:italic;line-height:1.75;margin-bottom:10px;position:relative}.hadith-text-sm{color:var(--text-dim);font-size:14px;margin-bottom:8px}.hadith-source{color:var(--gold-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hadith-expand-btn{background:none;border:none;color:var(--gold);cursor:pointer;display:block;font-family:var(--font-body);font-size:12px;letter-spacing:.04em;opacity:.75;padding:8px 0 0;transition:opacity var(--transition)}.hadith-expand-btn:hover{opacity:1}.hadith-full{border-top:1px solid #c9a96e1a;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px}.hadith-full p{color:var(--text-dim);font-size:13px;line-height:1.75}.ob-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:32px;width:100%}.ob-steps li{align-items:center;color:var(--text-dim);display:flex;font-size:13px;gap:12px}.ob-dot{background:var(--gold);border-radius:50%;display:inline-block;flex-shrink:0;height:6px;opacity:.5;width:6px}.auth{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 32px 40px;position:relative;z-index:1}.auth-back{align-self:flex-start;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:22px;line-height:1;padding:52px 0 0}.auth-form{display:flex;flex:1 1;flex-direction:column;gap:20px;padding-top:32px}.auth-title{color:var(--text);font-family:var(--font-display);font-size:32px;font-weight:300}.auth-sub{color:var(--text-dim);font-size:13px;line-height:1.65;margin-top:-8px}.auth-email-highlight{color:var(--gold)}.auth-field{display:flex;flex-direction:column}.otp-row{display:flex;gap:10px;justify-content:center;margin:8px 0}.otp-box{background:var(--surface);border:1px solid var(--text-muted);border-radius:10px;caret-color:var(--gold);color:var(--text);font-family:var(--font-display);font-size:24px;font-weight:400;height:58px;outline:none;text-align:center;transition:border-color var(--transition);width:48px}.otp-box:focus{border-color:var(--gold)}.sent-icon{font-size:48px;margin-bottom:4px}.sent-note{background:var(--surface);border:1px solid #ffffff0a;border-radius:10px;color:var(--text-muted);font-size:12px;line-height:1.65;padding:14px 16px}.feed-tab{flex:1 1}.feed-date{color:var(--text-dim);font-size:11px;letter-spacing:.1em;padding:8px 24px 12px;text-transform:uppercase}.feed-list{list-style:none}.feed-item{align-items:center;animation:fadeInUp .3s ease forwards;border-bottom:1px solid #ffffff0d;display:flex;gap:14px;opacity:0;padding:14px 24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.feed-avatar{font-size:18px;height:44px;width:44px}.feed-info{flex:1 1;min-width:0}.feed-name{color:var(--text);font-size:15px;font-weight:400;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-action{color:#8a93b0;font-size:13px}.empty-ref{color:var(--gold-dim);font-size:11px;letter-spacing:.08em;margin-top:-4px;text-transform:uppercase}.forgive-tab{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;padding:20px 32px 40px;text-align:center}.fg-moon{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(201,169,110,.35));font-size:54px;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fg-title{color:var(--text);font-family:var(--font-display);font-size:30px;font-weight:300;line-height:1.3;margin-bottom:10px}.fg-sub{color:#8a93b0;font-size:14px;line-height:1.75;margin-bottom:44px;max-width:270px}.fg-btn-wrap{margin-bottom:36px;position:relative}.fg-ring{align-items:center;border:1px solid #c9a96e2e;border-radius:50%;display:flex;height:160px;justify-content:center;position:relative;width:160px}.fg-ring:before{border:1px solid #c9a96e12;border-radius:50%;inset:-10px}.fg-ring:after,.fg-ring:before{content:"";pointer-events:none;position:absolute}.fg-ring:after{border:1px solid #c9a96e08;border-radius:50%;inset:-20px}.fg-ripple{animation:ripple 1.4s ease-out forwards;border:1.5px solid var(--gold);border-radius:50%;inset:0;pointer-events:none;position:absolute}@keyframes ripple{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.fg-btn{align-items:center;background:radial-gradient(circle at 40% 35%,#c9a96e,#7a5c2e);border:none;border-radius:50%;box-shadow:0 0 40px #c9a96e38,0 8px 32px #0000008c;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:138px;justify-content:center;position:relative;transition:transform .2s ease,box-shadow .35s ease,background .4s ease;width:138px;z-index:1}.fg-btn:active:not(:disabled){transform:scale(.94)}.fg-btn.done{background:radial-gradient(circle at 40% 35%,#2c3c2c,#1a2a1a);box-shadow:0 0 40px #6ec9a01f,0 8px 32px #0000008c;cursor:default}.fg-btn-icon{font-size:28px;line-height:1}.fg-btn-label{color:#080d1abf;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.fg-btn.done .fg-btn-icon{color:var(--success)}.fg-btn.done .fg-btn-label{color:#6ec9a099}.fg-done{align-items:center;animation:fadeIn .5s ease forwards;display:flex;flex-direction:column;gap:10px;max-width:300px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fg-promise{color:var(--text);font-family:var(--font-display);font-size:16px;font-style:italic;line-height:1.7;text-align:center}.fg-ref{color:var(--gold-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.fg-reset{color:#6a7490;font-size:12px;margin-top:2px}.friends-tab{flex:1 1}.friends-header{align-items:center;display:flex;justify-content:space-between;padding:8px 24px 16px}.friends-title{color:var(--text);font-family:var(--font-display);font-size:24px;font-weight:300}.invite-chip{background:#c9a96e1a;border:1px solid #c9a96e33;border-radius:8px;color:var(--gold);cursor:pointer;font-family:var(--font-body);font-size:13px;letter-spacing:.05em;padding:8px 14px;transition:background var(--transition)}.invite-chip:active{background:#c9a96e33}.pending-section{padding:0 24px 16px}.section-label{color:var(--gold-dim);font-size:12px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.pending-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:10px 0}.pending-actions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.pend-btn{border:none;border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:13px;padding:7px 16px;transition:opacity var(--transition)}.pend-btn:active{opacity:.7}.pend-btn.accept{background:#6ec9a026;color:var(--success)}.pend-btn.decline{background:#0000;color:#6a7490}.friends-list{list-style:none}.friend-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:14px;padding:14px 24px}.friend-avatar{position:relative}.status-dot{border:2px solid var(--bg);border-radius:50%;bottom:1px;height:11px;position:absolute;right:1px;width:11px}.status-dot.forgiven{background:var(--success)}.status-dot.pending{background:#3d4460}.friend-info{flex:1 1;min-width:0}.friend-name{color:var(--text);font-size:15px;font-weight:400;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status{color:#6a7490;font-size:13px}.friend-status.forgiven{color:var(--success);opacity:.9}.profile-tab{flex:1 1;overflow-y:auto;padding:16px 24px 40px}.profile-card{align-items:center;background:var(--surface);border:1px solid #c9a96e1f;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;margin-bottom:28px;padding:28px 24px}.profile-avatar{border-color:#c9a96e40;font-size:30px;height:72px;margin-bottom:8px;width:72px}.profile-name{color:var(--text);font-family:var(--font-display);font-size:28px;font-weight:300}.profile-email{color:#6a7490;font-size:13px}.profile-member{color:var(--gold);font-size:13px;margin-top:6px;opacity:.7}.settings-list{display:flex;flex-direction:column}.settings-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;justify-content:space-between;padding:17px 0;transition:opacity var(--transition)}.settings-item:active{opacity:.7}.settings-label{color:var(--text);font-size:15px}.settings-value{color:#6a7490;font-size:14px}.settings-arrow{color:#6a7490;font-size:18px}.signout-btn{background:#c96e6e14;border:1px solid #c96e6e40;border-radius:10px;color:#e07070;cursor:pointer;font-family:var(--font-body);font-size:14px;letter-spacing:.06em;margin-top:36px;padding:15px;text-transform:uppercase;transition:background var(--transition);width:100%}.signout-btn:active{background:#c96e6e26}.modal-title{color:var(--text);font-family:var(--font-display);font-size:24px;font-weight:300;margin-bottom:8px}.modal-sub{color:var(--text-dim);font-size:13px;line-height:1.65;margin-bottom:24px}.invite-link-box{align-items:center;background:var(--bg);border:1px solid #c9a96e26;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.invite-link-text{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn,.invite-link-text{color:var(--gold);font-family:var(--font-body)}.copy-btn{background:#c9a96e1a;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:12px;padding:7px 14px;transition:background var(--transition)}.copy-btn:active{background:#c9a96e40}.main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative;z-index:1}.main-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:52px 24px 16px}.main-logo{color:var(--gold);font-family:var(--font-display);font-size:26px;font-weight:300;letter-spacing:.06em}.icon-btn{background:none;border:none;border-radius:8px;color:var(--text-dim);cursor:pointer;font-size:20px;line-height:1;padding:8px;transition:color var(--transition)}.icon-btn:hover{color:var(--text)}.main-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.tab-bar{background:var(--bg);border-top:1px solid #ffffff0d;display:flex;flex-shrink:0}.tab-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 8px 16px;transition:color var(--transition)}.tab-btn.active{color:var(--gold)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-family:var(--font-body);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
/*# sourceMappingURL=main.24ea75f5.css.map*/