@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Amiri:wght@400;700&display=swap";:root{font-family:Noto Naskh Arabic,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6fa;transition:background .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px)}body.theme-dark{background:#0e1218 url(/images/app/app-bg.webp) center/cover no-repeat;color:#e8ecf4}:focus-visible{outline:2px solid #16213e;outline-offset:2px;border-radius:4px}body.theme-dark :focus-visible{outline-color:#e2e7f2}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c0c8dd;border-radius:999px}body.theme-dark ::-webkit-scrollbar-thumb{background:#2a3348}::selection{background:#16213e33;color:#16213e}body.theme-dark ::selection{background:#e2e7f233;color:#e2e7f2}.app{margin:0 auto;max-width:920px;padding:calc(env(safe-area-inset-top,0px) + .75rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem)}.privacy-page{min-height:100vh;background:var(--bg-body, #f5f6fa);padding:1rem}.privacy-inner{max-width:720px;margin:0 auto;line-height:1.7}.privacy-page h1{color:var(--accent, #16213e);font-size:1.5rem;margin:0 0 .25rem}.privacy-page h2{font-size:1.15rem;margin:1.5rem 0 .5rem;color:var(--accent, #16213e)}.privacy-page p,.privacy-page li{margin:.5rem 0;color:var(--text, #1a1a2e)}.privacy-page ul{padding-inline-start:1.25rem;margin:.5rem 0}.privacy-muted{color:var(--muted, #4a5568);font-size:.9rem}.privacy-page a{color:#2563eb}.privacy-back-btn{display:block;margin-top:1.5rem;padding:.6rem 1.2rem;background:var(--accent, #16213e);color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer}.privacy-back-btn:hover{opacity:.9}.launch-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);background:radial-gradient(900px 520px at 50% 30%,rgba(212,160,23,.14),transparent 60%),linear-gradient(135deg,#0b1020,#16213e 55%,#070a12);color:#fff}.launch-card{width:min(420px,92vw);border-radius:20px;padding:1.05rem 1rem .9rem;text-align:center;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 60px #0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeSlideIn .26s ease}.launch-logo{width:84px;height:84px;border-radius:22px;box-shadow:0 10px 30px #00000073;border:1px solid rgba(255,255,255,.15)}.launch-title{margin:.65rem 0 0;font-weight:900;font-size:1.55rem;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.5)}.launch-sub{margin:.25rem 0 .75rem;color:#ffffffd1;font-weight:650;font-size:.9rem}.launch-tagline{margin:-.5rem 0 .75rem;color:#ffffffeb;font-weight:900;font-size:.95rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}.launch-dev{margin:-.35rem 0 .75rem;color:#ffffffb3;font-weight:800;letter-spacing:.02em;font-size:.86rem;direction:rtl;unicode-bidi:plaintext}.launch-dev-name{color:#ffffffdb;font-weight:900;letter-spacing:.01em}.launch-start-btn{width:min(260px,82%);margin:0 auto .7rem;display:block;border-radius:999px;padding:.55rem .95rem;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,#d4a017f2,#ffdc8ceb);color:#0b1020;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #00000059;transition:transform .12s ease,filter .12s ease}.launch-start-btn:active{transform:scale(.98);filter:brightness(.98)}.launch-spinner{width:26px;height:26px;border-radius:999px;border:3px solid rgba(255,255,255,.22);border-top-color:#d4a017f2;margin:0 auto;animation:spin .95s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header-card{position:relative;border-radius:22px;overflow:hidden;margin-bottom:.9rem;background:url(https://images.unsplash.com/photo-1513072064285-240f87fa81e8?w=3840&q=90&auto=format&fit=crop) center 46%/cover no-repeat;animation:fadeSlideIn .5s ease;box-shadow:0 4px 24px #00000038}.header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#02061240,#040a1c66 40%,#030816bf)}.header-actions{position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);inset-inline-end:10px;display:flex;gap:8px;z-index:2}.header-action-btn{width:56px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0a101e61;color:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000047;transition:transform .14s ease,filter .14s ease,background .18s ease,border-color .18s ease;padding:6px 6px 7px}.header-action-btn:active{transform:scale(.96)}.header-action-btn:hover{filter:brightness(1.06);background:#0a101e75;border-color:#78b4ff38}.header-action-icon{font-size:1.35rem;line-height:1;display:block;transform:translateY(0)}.header-action-label{font-size:.62rem;line-height:1;font-weight:800;color:#ffffffeb;letter-spacing:.01em}.header-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.65rem;padding:1.3rem 1.2rem 1rem;color:#fff}.header-brand{display:flex;align-items:center;gap:.65rem;min-height:46px}.header-logo{width:46px;height:46px;border-radius:13px;border:2px solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:0 2px 10px #00000059}.header-brand-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.app-tagline{margin:0;color:#ffffffd1;font-weight:750;font-size:.9rem;text-shadow:0 2px 10px rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-title{margin:0;font-size:1.5rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.6);letter-spacing:.01em}.header-chips{display:flex;flex-wrap:wrap;gap:.4rem}.header-chip{display:inline-flex;align-items:center;gap:.3rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.22rem .6rem;border-radius:999px;font-size:.78rem;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.4);white-space:nowrap}.header-chip-icon{font-size:.82rem;line-height:1}.header-ayah-box{display:flex;align-items:center;gap:.45rem;padding:.5rem .75rem;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.header-ayah-deco{color:#dab96bd9;font-size:1.25rem;font-family:Amiri,serif;line-height:1;flex-shrink:0}.header-ayah-text{margin:0;color:#ffffffed;font-size:.9rem;font-weight:600;line-height:1.85;font-family:Amiri,Traditional Arabic,serif;text-shadow:0 1px 5px rgba(0,0,0,.4);text-align:center;flex:1}.content-card{background:url(/images/content-card-bg.webp) center/cover no-repeat;border-radius:18px;padding:1rem;box-shadow:0 4px 20px #0000000f;border:1px solid #eaecf2;position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffdb,#f5f8ffeb);z-index:0;pointer-events:none}.content-card>*{position:relative;z-index:1}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link){--fx-x: 50%;--fx-y: 50%;--fx-rx: 0deg;--fx-ry: 0deg;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .16s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;isolation:isolate}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link):before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(900px circle at var(--fx-x) var(--fx-y),rgba(120,180,255,.28),rgba(120,180,255,0) 58%),linear-gradient(140deg,#78b4ff24,#ffffff09,#78b4ff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none;z-index:0;filter:blur(.2px)}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link):after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(700px circle at var(--fx-x) var(--fx-y),rgba(120,180,255,.14),rgba(120,180,255,0) 55%),radial-gradient(520px circle at var(--fx-x) var(--fx-y),rgba(255,255,255,.055),rgba(255,255,255,0) 60%);opacity:0;pointer-events:none;z-index:0;mix-blend-mode:screen;transition:opacity .18s ease}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link)[data-fx=on]{transform:translateY(-2px);filter:brightness(1.01)}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link)[data-fx=on]:after{opacity:.55}@media(prefers-reduced-motion:reduce){.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link){transition:none}.content-card :is(.next-prayer-banner,.focus-card,.metric-card,.mini-card,.prayer-ribbon-card,.surah-card,.setting-item,.dhikr-card,.xp-mini-card,.video-card,.account-card,.account-hero-card,.family-empty,.family-header-card,.family-tree-pane,.family-details-pane,.family-leaderboard,.family-member-form,.family-join-requests,.family-node,.tab-btn,.chip,.prayer-ribbon-item,button,a.open-link)[data-fx=on]{transform:none}}.tabs{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.8rem;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap;border:1px solid #e2e5ee;background:#f8f9fc;color:#4a5068;border-radius:12px;padding:.45rem .7rem;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .14s ease;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:58px}.tab-btn:hover{background:#eef0f7}.tab-btn.active{background:#16213e;color:#fff;border-color:#16213e}.tab-icon{display:block;font-size:1.15rem;line-height:1;margin-bottom:.15rem}.section-banner{position:relative;border-radius:14px;overflow:hidden;min-height:110px;margin-bottom:.9rem;background-size:cover;background-position:center;display:flex;align-items:flex-end}.summary-banner-clickable{cursor:pointer;transition:transform .16s ease,filter .16s ease}.summary-banner-clickable:hover{transform:translateY(-1px);filter:brightness(1.04)}.daily-summary-panel{border:1px solid #e4e7ef;border-radius:14px;padding:.75rem;margin:-.2rem 0 .75rem;background:linear-gradient(135deg,#f9fbff,#f2f5fb)}.daily-summary-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.daily-summary-grid,.daily-summary-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.55rem}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0f1e59,#0a0f1ecc)}.banner-text{position:relative;z-index:1;padding:.8rem 1rem;color:#fff}.banner-text h2{margin:0;font-size:1.2rem;color:#fff}.banner-text p{margin:.2rem 0 0;color:#ffffffbf;font-size:.88rem}.tab-section{min-height:260px;animation:fadeSlideIn .25s ease}h2{margin:0 0 .75rem;color:#16213e;font-size:1.25rem}h3,.section-subtitle{margin:1rem 0 .6rem;color:#2c3e6b;font-size:1.05rem}.mini-card{border:1px solid #eaecf2;border-radius:14px;padding:.75rem;background:#fafbfd}.mini-label{margin:0;color:#7b839a;font-size:.84rem}.mini-value{margin:.3rem 0 0;color:#16213e;font-weight:700;font-size:1rem}.next-prayer-banner{border:1px solid #e4e7ef;border-radius:14px;padding:.75rem;margin-top:.6rem;background:linear-gradient(135deg,#f8f9fc,#f0f2f8)}.focus-card{border:1px dashed #c8cde0;border-radius:14px;padding:.75rem;margin-top:.6rem;background:#fcfcfe}.home-hero-card{border:1px solid #1f2f57;border-radius:18px;padding:.9rem .95rem;margin-top:.6rem;background:linear-gradient(125deg,#080e1cdb,#0f3460c2),url(https://images.unsplash.com/photo-1591604129939-f1efa4f370f7?w=1200&q=80) center/cover no-repeat;color:#fff;overflow:hidden;box-shadow:0 8px 26px #0f182f38;transition:background-image .42s ease,transform .18s ease}.home-hero-morning{box-shadow:0 10px 26px #5778b057}.home-hero-noon{filter:saturate(.92) brightness(.95)}.home-hero-evening{filter:saturate(.95) brightness(.9)}.home-hero-night{filter:saturate(.88) brightness(.86)}.home-hero-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.55rem}.home-chip{font-size:.76rem;border:1px solid rgba(255,255,255,.24);background:#ffffff1f;border-radius:999px;padding:.2rem .55rem}.home-next-prayer-name{margin:.2rem 0 0;font-size:1.2rem;font-weight:700}.home-countdown{margin:.2rem 0 0;font-size:2.3rem;letter-spacing:1px;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.home-hero-card .mini-label{color:#ffffffd1}.prayer-ribbon-card{margin-top:.65rem;border:1px solid #e4e7ef;border-radius:14px;padding:.7rem;background:#fafbfd}.prayer-ribbon{margin-top:.45rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.prayer-ribbon-item{appearance:none;width:100%;border:1px solid #e4e7ef;border-radius:10px;padding:.45rem .3rem;text-align:center;background:#fff;display:grid;gap:.1rem;cursor:pointer;transition:transform .14s ease,background .18s ease,border-color .18s ease}.prayer-ribbon-item:hover{transform:translateY(-1px);border-color:#cbd3e6}.prayer-ribbon-item:active{transform:scale(.98)}.prayer-ribbon-item span{font-size:.76rem;color:#6f7894}.prayer-ribbon-item strong{font-size:.86rem;color:#15213e}.prayer-ribbon-item.active{border-color:#16213e;background:#16213e}.prayer-ribbon-item.active span,.prayer-ribbon-item.active strong{color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.65rem}.metric-card{border:1px solid #eaecf2;border-radius:14px;padding:.75rem;background:#fafbfd}.progress-track{width:100%;height:6px;background:#e4e7ef;border-radius:999px;overflow:hidden;margin-top:.4rem}.progress-fill{height:100%;background:linear-gradient(90deg,#0f3460,#16213e);border-radius:999px;transition:width .3s ease}.hint{margin-top:.8rem;color:#5c6480;background:#f4f5f9;border-right:3px solid #16213e;border-radius:10px;padding:.7rem;font-size:.9rem;line-height:1.7}.quick-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-card{background:#16213e;border:none;color:#fff;text-align:center;font-weight:600;border-radius:12px;padding:.65rem;font-size:.9rem;cursor:pointer;transition:transform .1s ease}.quick-card:active{transform:scale(.97)}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.8rem}.calc-row label{display:grid;gap:.3rem;color:#3a4063;font-size:.9rem}input{border:1px solid #dde0ea;background:#fff;border-radius:10px;padding:.5rem .6rem;font-size:.92rem;color:#1a1a2e;transition:border-color .15s}input:focus{outline:none;border-color:#16213e}textarea{border:1px solid #dde0ea;background:#fff;border-radius:10px;padding:.6rem .7rem;font-size:.92rem;color:#1a1a2e;transition:border-color .15s}textarea:focus{outline:none;border-color:#16213e}textarea::placeholder{color:#8a90a6}select{border:1px solid #dde0ea;background:#fff;border-radius:10px;padding:.5rem .6rem;font-size:.92rem;color:#1a1a2e}select:focus{outline:none;border-color:#16213e}.search-input{width:100%;margin-bottom:.7rem}button{border:1px solid #dde0ea;background:#f4f5f9;color:#16213e;border-radius:10px;padding:.5rem .8rem;font-size:.9rem;cursor:pointer;font-weight:600;transition:all .12s ease}button:hover{background:#eaecf2}.state-text{color:#5c6480}.state-text.error{color:#d44040}.prayer-list{display:grid;gap:.4rem;margin-top:.5rem}.prayer-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #eaecf2;border-radius:12px;padding:.65rem .8rem;background:#fafbfd;color:#16213e}.surah-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.surah-card{border:1px solid #eaecf2;border-radius:12px;padding:.65rem;display:flex;justify-content:space-between;align-items:center;color:#16213e;background:#fafbfd}.surah-card p{margin:0}.row-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.google-auth-wrap{margin-top:.55rem;display:grid;gap:.35rem;justify-items:start}.consistency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.5rem;color:#3a4063;font-weight:600}.week-bars{display:grid;gap:.45rem;margin-top:.55rem}.weekly-card{padding:.55rem .7rem}.weekly-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;border:1px solid #d9deea;border-radius:10px;padding:.5rem .6rem}.week-bar-item{display:grid;grid-template-columns:80px 1fr 38px;gap:.45rem;align-items:center}.week-bar-label{color:#3a4063;font-size:.84rem}.week-bar-track{height:8px;border-radius:999px;background:#e4e7ef;overflow:hidden}.week-bar-fill{height:100%;background:linear-gradient(90deg,#0f3460,#16213e)}.week-bar-value{color:#16213e;font-size:.82rem;font-weight:700;text-align:left}.icon-btn{min-width:34px;font-size:1.1rem;background:transparent;border:none;color:#d4a017}.open-link{text-decoration:none;color:#fff;background:#16213e;border-radius:8px;padding:.3rem .55rem;font-size:.82rem;font-weight:600}.open-link:hover{background:#1a2a4e}.video-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:.6rem}.video-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;min-height:130px}.video-card-overlay{background:linear-gradient(180deg,#0a102359,#0a1023d9 55%,#0a1023f2);padding:.7rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:130px;height:100%;box-sizing:border-box}.video-category{margin:0;color:#f5cf63;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.video-title{margin:.25rem 0 .5rem;font-size:.92rem;font-weight:600;line-height:1.35;text-shadow:0 1px 6px rgba(0,0,0,.5);color:#fff}.video-card .open-link{align-self:flex-start;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.3rem .7rem;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s}.video-card .open-link:hover{background:#ffffff40}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.chip{background:#f0f2f8;border:1px solid #dde0ea;color:#3a4063;border-radius:999px;padding:.3rem .6rem;font-size:.85rem}.chip-active{background:#16213e;border-color:#16213e;color:#fff}.dhikr-list{display:grid;gap:.55rem;margin-top:.6rem}.dhikr-card{border:1px solid #eaecf2;border-radius:12px;padding:.75rem;background:#fafbfd;color:#16213e;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.dhikr-card p{margin:0;line-height:1.8}.tools-card-bg{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;border:1px solid rgba(100,140,220,.2)!important}.tools-card-bg-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#080f239e,#080f23c7 40%,#080f23e0);pointer-events:none;border-radius:inherit}.tools-card-bg>*:not(.tools-card-bg-overlay){position:relative;z-index:1}.tools-card-bg .mini-label{color:#b0c4e8;text-shadow:0 1px 4px rgba(0,0,0,.5)}.tools-card-bg .mini-value{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}.tools-card-bg .row-actions button{background:#2563eb80;border:1px solid rgba(100,160,255,.3);color:#e2e7f2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tools-card-bg .row-actions button:hover{background:#2563ebb3}.tools-card-bg .qibla-correct{color:#6ee7b7;text-shadow:0 1px 4px rgba(0,0,0,.5)}.tools-card-bg .qibla-north{color:#e2e7f2}.tools-card-bg .qibla-main-status{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.tools-card-bg .progress-track{background:#ffffff26}.home-card-bg{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;border-color:#648cdc38!important}.home-card-bg-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(125deg,#080e1c9e,#080e1cd1);pointer-events:none;border-radius:inherit}.home-card-bg>*:not(.home-card-bg-overlay){position:relative;z-index:1}.home-card-bg .mini-label{color:#b0c4e8;text-shadow:0 1px 4px rgba(0,0,0,.55)}.home-card-bg .mini-value{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}.home-card-bg .progress-track{background:#ffffff24}.prayer-ribbon-item-bg{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;border-color:#648cdc40}.prayer-ribbon-item-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#080e1c8c,#080e1cc7)}.prayer-ribbon-item-bg>*{position:relative;z-index:1}.prayer-ribbon-item-bg span,.prayer-ribbon-item-bg strong{color:#e9eefc;text-shadow:0 1px 5px rgba(0,0,0,.55)}.prayer-ribbon-item-bg.active{border-color:#ffffffa6}.prayer-ribbon-item-bg.active:before{background:linear-gradient(160deg,#2563eb8c,#080e1cd1)}.daily-read-controls{align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.6rem}.daily-read-today{white-space:nowrap}.daily-read-buttons{display:inline-flex;gap:.45rem;flex-wrap:wrap}.daily-read-controls button{margin:0}.qibla-visual{margin:.7rem auto .4rem;width:220px;height:220px;border-radius:999px;border:2px solid #d5deed;background:repeating-conic-gradient(from 0deg,rgba(22,33,62,.07) 0deg 6deg,transparent 6deg 12deg),radial-gradient(circle at 50% 50%,#f8fbff,#eef3fb 70%,#e6edf8);position:relative;box-shadow:inset 0 0 0 10px #ffffffb3}.qibla-card-pro{border-radius:18px}.qibla-main-status{font-size:1.06rem}.qibla-help{font-weight:600}.qibla-center-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:#16213e;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 0 5px #16213e29}.qibla-arrow{position:absolute;left:50%;top:28px;width:5px;height:96px;background:linear-gradient(#16213e,#0f3460);transform-origin:center 95px;border-radius:999px;z-index:3}.phone-heading-arrow{position:absolute;left:50%;top:34px;width:4px;height:88px;background:linear-gradient(#00a7a7,#20c997);transform-origin:center 88px;border-radius:999px;opacity:.95;z-index:3}.phone-heading-arrow:after{content:"";position:absolute;top:-7px;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #20c997}.qibla-arrow:after{content:"";position:absolute;top:-8px;left:-6px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:11px solid #16213e}.qibla-north{position:absolute;top:12px;left:50%;transform:translate(-50%);color:#16213e;font-weight:700;font-size:1rem}.qibla-correct{margin:.45rem 0 0;color:#0f7b3e;font-weight:700;font-size:.92rem}.settings-list{display:grid;gap:.5rem}.license-list{display:grid;gap:.55rem;margin-top:.55rem}.license-accordion-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .75rem;border:1px solid #eaecf2;border-radius:12px;background:#fafbfd;color:#16213e;font-weight:800;cursor:pointer}.license-accordion-icon{opacity:.7;font-size:1rem}.license-item{padding:.55rem .65rem;border:1px solid #eaecf2;border-radius:12px;background:#fff9}.license-title{display:block;font-weight:800;color:#16213e;margin-bottom:.2rem}.license-desc{display:block;color:#4f5a75;font-size:.88rem;line-height:1.6}.license-link{color:#1f4b99;text-decoration:underline;text-underline-offset:2px}.setting-item{display:flex;align-items:center;gap:.5rem;border:1px solid #eaecf2;border-radius:12px;padding:.7rem;color:#16213e;background:#fafbfd;cursor:pointer}body.theme-dark .license-item{border-color:#2a3348;background:#1c2333a6}body.theme-dark .license-accordion-head{border-color:#2a3348;background:#1c2333a6;color:#e2e7f2}body.theme-dark .license-title{color:#e2e7f2}body.theme-dark .license-desc{color:#a9b2c8}body.theme-dark .license-link{color:#9dc0ff}.setting-item select{min-width:170px;margin-inline-start:auto}.xp-mini-card{display:flex;align-items:center;gap:.7rem;border:1px solid #eaecf2;border-radius:14px;padding:.75rem;margin-top:.6rem;background:linear-gradient(135deg,#f8f9fc,#f0f2f8);cursor:pointer;transition:transform .1s}.xp-mini-card:active{transform:scale(.98)}.xp-mini-icon{font-size:2rem}.xp-mini-card .progress-track{margin-top:.3rem}body.theme-dark .xp-mini-card:not(.home-card-bg){background:linear-gradient(135deg,#1c2333,#252d3d);border-color:#2a3348}.app-footer{text-align:center;padding:1.4rem 1rem calc(env(safe-area-inset-bottom,0px) + 4rem);margin-top:1rem;color:#8a90a6;font-size:.84rem}.app-footer p{margin:.15rem 0}.footer-sub{color:#a8adc0;font-size:.78rem}body.theme-dark .content-card{background:url(/images/content-card-bg.webp) center/cover no-repeat;border-color:#252d3d;box-shadow:0 4px 20px #0003}body.theme-dark .content-card:before{background:linear-gradient(135deg,#0a101ec2,#0a101edb)}body.theme-dark h2,body.theme-dark .mini-value,body.theme-dark .prayer-item,body.theme-dark .surah-card,body.theme-dark .setting-item,body.theme-dark .dhikr-card{color:#e2e7f2}body.theme-dark .mini-label,body.theme-dark .subtitle-dark,body.theme-dark .hint,body.theme-dark .state-text,body.theme-dark .section-subtitle{color:#8a95b2}body.theme-dark .mini-card:not(.home-card-bg),body.theme-dark .hint,body.theme-dark .prayer-item,body.theme-dark .surah-card,body.theme-dark .setting-item,body.theme-dark .next-prayer-banner:not(.tools-card-bg):not(.home-card-bg),body.theme-dark .metric-card:not(.metric-card-img):not(.home-card-bg),body.theme-dark .dhikr-card,body.theme-dark .focus-card:not(.home-card-bg){background:#1c2333;border-color:#2a3348}body.theme-dark .weekly-toggle-btn{border-color:#2a3348;background:#1f283a}body.theme-dark .daily-summary-panel{background:linear-gradient(135deg,#1a2438,#141d2f);border-color:#2a3348}body.theme-dark .tab-btn{background:#1c2333;border-color:#2a3348;color:#c0c8dd}body.theme-dark .tab-btn.active{background:#e2e7f2;border-color:#e2e7f2;color:#0e1218}body.theme-dark input,body.theme-dark select,body.theme-dark textarea{background:#1c2333;border-color:#2a3348;color:#e2e7f2}body.theme-dark textarea::placeholder{color:#8a95b2}body.theme-dark .open-link{background:#e2e7f2;color:#0e1218}body.theme-dark .chip{background:#1c2333;border-color:#2a3348;color:#c0c8dd}body.theme-dark .chip-active{background:#e2e7f2;border-color:#e2e7f2;color:#0e1218}body.theme-dark .google-auth-wrap .mini-label{color:#99a5c4}body.theme-dark .progress-track{background:#2a3348}body.theme-dark .progress-fill{background:linear-gradient(90deg,#4a6fa5,#e2e7f2)}body.theme-dark .quick-card{background:#e2e7f2;color:#0e1218}body.theme-dark .qibla-visual{border-color:#34415b;background:repeating-conic-gradient(from 0deg,rgba(226,231,242,.07) 0deg 6deg,transparent 6deg 12deg),radial-gradient(circle at 50% 50%,#202a3c,#182133 70%,#131a29)}body.theme-dark .qibla-north{color:#e2e7f2}body.theme-dark .qibla-correct{color:#6ee7b7}body.theme-dark .qibla-center-dot{background:#e2e7f2;box-shadow:0 0 0 5px #e2e7f229}body.theme-dark .prayer-ribbon-card:not(.home-card-bg){background:#1c2333;border-color:#2a3348}body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg){background:#1f283a;border-color:#2a3348}body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg) span{color:#9ba8c6}body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg) strong{color:#e2e7f2}body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg).active{background:#e2e7f2;border-color:#e2e7f2}body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg).active span,body.theme-dark .prayer-ribbon-item:not(.prayer-ribbon-item-bg).active strong{color:#0e1218}body.theme-dark .app-footer{color:#505a72}body.theme-dark .footer-sub{color:#3d4559}body.theme-dark .icon-btn{color:#d4a017}body.theme-dark .consistency-grid,body.theme-dark .week-bar-label{color:#c0c8dd}body.theme-dark .week-bar-track{background:#2a3348}body.theme-dark .week-bar-fill{background:linear-gradient(90deg,#4a6fa5,#e2e7f2)}body.theme-dark .week-bar-value{color:#e2e7f2}body.theme-dark button{background:#1c2333;border-color:#2a3348;color:#c0c8dd}body.theme-dark .hint{background:#1c2333;border-right-color:#4a6fa5;color:#8a95b2}body.theme-dark h2{color:#e2e7f2}body.theme-dark h3,body.theme-dark .section-subtitle{color:#a0aac0}body.theme-dark .banner-text h2{color:#fff}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tab-section{animation:fadeSlideIn .25s ease}.quick-card:active,.chip:active,.tab-btn:active{transform:scale(.96)}@media(max-width:760px){.tabs{display:none}}@media(max-width:760px){.tabs{gap:.35rem}.surah-list,.video-list,.metrics-grid,.calc-row{grid-template-columns:1fr}.dhikr-card{flex-direction:column;align-items:flex-start}.consistency-grid{grid-template-columns:1fr}.week-bar-item{grid-template-columns:68px 1fr 34px}.quick-grid{grid-template-columns:1fr}.home-countdown{font-size:1.9rem}.prayer-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.qibla-visual{width:190px;height:190px}}@media(max-width:680px){.daily-summary-grid,.daily-summary-lists{grid-template-columns:1fr}}@media(max-width:480px){.header-card{border-radius:16px}.header-content{padding:1rem .85rem .85rem;gap:.5rem}.header-logo{width:38px;height:38px;border-radius:11px}.app-title{font-size:1.25rem}.app-tagline{font-size:.82rem}.header-chip{font-size:.72rem;padding:.18rem .5rem}.header-ayah-text{font-size:.82rem}.header-ayah-deco{font-size:1.05rem}}.account-section h2{display:none}.account-hero-card{background:url(/images/account-hero-bg.webp) center/cover no-repeat;border-radius:20px;padding:1.5rem;text-align:center;color:#fff;position:relative;overflow:hidden}.account-hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a12238c,#0a1223b3,#0a1223d9);pointer-events:none;z-index:0}.account-hero-card>*{position:relative;z-index:1}.account-hero-avatar-wrap{margin:0 auto .6rem;width:80px;height:80px;position:relative;cursor:pointer}.account-hero-avatar,.account-hero-avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.account-hero-avatar-placeholder{background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#ffffffb3}.account-hero-avatar-edit-btn{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform .15s;border:2px solid rgba(255,255,255,.6)}.account-hero-avatar-edit-btn:hover{transform:scale(1.1)}.account-avatar-overlay{position:fixed;inset:0;background:#0000008c;z-index:999;display:flex;align-items:center;justify-content:center;animation:avatarOverlayIn .2s ease}@keyframes avatarOverlayIn{0%{opacity:0}to{opacity:1}}.account-avatar-modal{background:#1a2236;border:1px solid #2a3650;border-radius:18px;padding:1.3rem 1.5rem;min-width:220px;max-width:280px;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 12px 40px #00000080;animation:avatarModalIn .25s ease;text-align:center}@keyframes avatarModalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.account-avatar-modal-title{font-size:.95rem;font-weight:700;color:#e2e7f2;margin:0 0 .3rem}.account-avatar-modal button{width:100%;padding:.6rem;border-radius:10px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s;border:none}.account-avatar-modal button:active{transform:scale(.97)}.account-avatar-modal .avatar-btn-change{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.account-avatar-modal .avatar-btn-change:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.account-avatar-modal .avatar-btn-delete{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.account-avatar-modal .avatar-btn-delete:hover{background:#ef444433}.account-avatar-modal .avatar-btn-cancel{background:transparent;color:#8a95b2}.account-avatar-modal .avatar-btn-cancel:hover{color:#e2e7f2}.crop-overlay{position:fixed;inset:0;z-index:9999;background:#000000d1;display:flex;align-items:center;justify-content:center;animation:cropFadeIn .2s ease}@keyframes cropFadeIn{0%{opacity:0}to{opacity:1}}.crop-modal{background:#1a2236;border:1px solid #2a3650;border-radius:20px;padding:1.2rem 1.4rem 1rem;max-width:380px;width:92vw;display:flex;flex-direction:column;align-items:center;gap:.8rem;animation:cropSlideIn .25s ease}@keyframes cropSlideIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.crop-modal-title{font-size:1rem;font-weight:700;color:#e2e7f2;margin:0;text-align:center}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999}.modal-card{width:min(520px,100%);border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#0a101eeb;color:#fffffff2;box-shadow:0 22px 70px #00000073;padding:1rem 1rem .95rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:avatarModalIn .18s ease}.modal-title{margin:0;font-size:1.05rem;letter-spacing:.01em}.crop-viewport{width:260px;height:260px;position:relative;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;overflow:hidden;background:#0b111e;box-shadow:0 0 0 4px #2563eb66,0 8px 32px #00000080}.crop-viewport:active{cursor:grabbing}.crop-circle-mask{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.crop-image{width:100%;height:100%;object-fit:cover;transform-origin:center center;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-controls{width:100%;display:flex;flex-direction:column;align-items:center;gap:.25rem}.crop-slider-label{display:flex;align-items:center;gap:.5rem;width:100%;color:#8a95b2;font-size:.8rem}.crop-slider{flex:1;-webkit-appearance:none;appearance:none;height:5px;border-radius:4px;background:linear-gradient(90deg,#223251,#2563eb);outline:none}.crop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3b82f6;border:2px solid #e2e7f2;cursor:pointer;box-shadow:0 2px 8px #0000004d}.crop-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3b82f6;border:2px solid #e2e7f2;cursor:pointer}.crop-hint{font-size:.75rem;color:#5a6580;margin:0}.crop-actions{display:flex;gap:.6rem;width:100%}.crop-btn-confirm{flex:1;padding:.65rem;border-radius:12px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s}.crop-btn-confirm:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.crop-btn-confirm:active{transform:scale(.97)}.crop-btn-cancel{flex:1;padding:.65rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#8a95b2;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.crop-btn-cancel:hover{background:#ffffff0f;color:#e2e7f2}.account-hero-name{font-size:1.25rem;font-weight:700;margin:0}.account-hero-username{font-size:.85rem;color:#fff9;margin:.15rem 0;direction:ltr}.account-hero-level{font-size:.88rem;color:#fffc;margin:.3rem 0 .7rem}.account-hero-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.account-card{background:#fff;border-radius:16px;padding:1.1rem;margin-top:.7rem;border:1px solid #e8ecf4;box-shadow:0 2px 12px #0000000a}.account-card-img{position:relative;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}.account-card-img:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#f5f8fff5);z-index:0}.account-card-img>*{position:relative;z-index:1}.account-card-personal{background-image:url(/images/account/personal.webp)}.account-card-wird{background-image:url(/images/account/wird-plan.webp)}.account-card-achievements{background-image:url(/images/account/achievements.webp)}.account-card-devices{background-image:url(/images/account/devices.webp)}.account-card-title{font-size:1rem;font-weight:700;color:#16213e;margin:0 0 .6rem;padding-bottom:.4rem;border-bottom:2px solid #eef1f8}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;min-width:0;overflow:hidden}.account-field{display:flex;flex-direction:column;gap:.2rem;min-width:0;overflow:hidden}.account-field-full{grid-column:1 / -1}.account-field-label{font-size:.78rem;color:#6b7899;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-input{padding:.55rem .7rem;border:1.5px solid #dce1ed;border-radius:10px;font-size:.92rem;background:#f8f9fc;color:#16213e;transition:border-color .2s,box-shadow .2s;font-family:inherit;width:100%;box-sizing:border-box;min-width:0}.account-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.account-input-disabled{background:#eef1f6;color:#8b95b0;cursor:not-allowed}.account-phone-row{display:flex;gap:.4rem;min-width:0;width:100%}.account-phone-code{max-width:140px;min-width:110px;font-size:.82rem}.account-phone-num{flex:1}.account-avatar-section{margin-top:.6rem}.account-avatar-preview{display:flex;align-items:center;gap:.6rem;margin-top:.4rem}.account-avatar-img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e0e5f0}.btn-accent{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;padding:.55rem 1.1rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s;font-family:inherit}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb4d}.btn-accent:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-full{width:100%}.btn-outline-danger{background:transparent;color:#ef4444;border:1.5px solid #ef4444;border-radius:10px;padding:.5rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s;font-family:inherit}.btn-outline-danger:hover{background:#ef444414}.btn-outline-sm{background:transparent;color:#2563eb;border:1.5px solid #d0d8ec;border-radius:8px;padding:.35rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .2s;font-family:inherit}.btn-outline-sm:hover{border-color:#2563eb}.btn-danger-sm{color:#ef4444;border-color:#fca5a5}.btn-danger-sm:hover{border-color:#ef4444;background:#ef44440f}.btn-link{background:none;border:none;color:#2563eb;font-size:.88rem;font-weight:600;cursor:pointer;margin-top:.4rem;text-decoration:underline;font-family:inherit}.btn-google{display:flex;align-items:center;gap:.6rem;justify-content:center;width:100%;background:#fff;color:#333;border:1.5px solid #dadce0;border-radius:10px;padding:.55rem 1rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;font-family:inherit}.btn-google:hover{background:#f8f9fa;box-shadow:0 2px 8px #00000014}.account-auth-card{background:#fff;border-radius:20px;padding:1.2rem;border:1px solid #e8ecf4;box-shadow:0 4px 24px #0000000f;max-width:440px;margin:0 auto;overflow:hidden;box-sizing:border-box}.account-auth-header{text-align:center;margin-bottom:1rem}.account-auth-icon{margin-bottom:.5rem}.account-auth-title{font-size:1.3rem;font-weight:700;color:#16213e;margin:0}.account-auth-subtitle{font-size:.88rem;color:#6b7899;margin:.3rem 0 0}.account-auth-tabs{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1.5px solid #dce1ed;margin-bottom:.8rem}.account-auth-tab{flex:1;padding:.5rem;font-size:.88rem;font-weight:600;border:none;background:#f8f9fc;color:#6b7899;cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.account-auth-tab.active{background:#2563eb;color:#fff}.account-auth-form{display:flex;flex-direction:column;gap:.6rem;min-width:0;overflow:hidden}.account-auth-divider{display:flex;align-items:center;gap:.6rem;margin:.3rem 0;color:#a0aec0;font-size:.82rem}.account-auth-divider:before,.account-auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}body.theme-dark .account-hero-card{background:url(/images/account-hero-bg.webp) center/cover no-repeat}body.theme-dark .account-card:not(.account-card-img){background:#161b26;border-color:#252d3d}body.theme-dark .account-card-img:before{background:linear-gradient(135deg,#0a101eb3,#0a101ed6)}body.theme-dark .account-card-title{color:#e2e7f2;border-bottom-color:#252d3d}body.theme-dark .account-input{background:#1c2333;border-color:#2a3348;color:#e2e7f2}body.theme-dark .account-input:focus{border-color:#3b82f6;background:#1e2a3e}body.theme-dark .account-input-disabled{background:#111827;color:#6b7899}body.theme-dark .account-auth-card{background:#161b26;border-color:#252d3d}body.theme-dark .account-auth-title{color:#e2e7f2}body.theme-dark .account-auth-subtitle{color:#8a95b2}body.theme-dark .account-auth-tabs{border-color:#2a3348}body.theme-dark .account-auth-tab{background:#1c2333;color:#8a95b2}body.theme-dark .account-auth-tab.active{background:#2563eb;color:#fff}body.theme-dark .account-field-label{color:#8a95b2}body.theme-dark .btn-outline-sm{color:#60a5fa;border-color:#2a3348}body.theme-dark .btn-outline-sm:hover{border-color:#60a5fa}body.theme-dark .btn-google{background:#1c2333;color:#e2e7f2;border-color:#2a3348}body.theme-dark .btn-google:hover{background:#222d42}body.theme-dark .account-auth-divider{color:#4a5568}body.theme-dark .account-auth-divider:before,body.theme-dark .account-auth-divider:after{background:#2a3348}body.theme-dark .btn-link{color:#60a5fa}.mosaly-screen{display:grid;gap:.75rem}.mosaly-topbar{display:flex;align-items:center;gap:.5rem}.mosaly-title{margin:0;font-size:1.15rem;font-weight:900;color:#fffffff5;text-shadow:0 2px 12px rgba(0,0,0,.55)}.mosaly-hero{border-radius:16px;padding:.9rem;overflow:hidden;border:1px solid rgba(120,180,255,.15)}.mosaly-card{background:#0a101e8f;border:1px solid rgba(120,180,255,.14);border-radius:14px;padding:.8rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mosaly-search input{width:100%}.mosaly-menu{display:grid;gap:.5rem}.mosaly-menu-item{width:100%;text-align:start;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(120,180,255,.14);background:#0a101e75;color:#eaf2ff}.mosaly-menu-title{display:block;font-weight:900;margin-bottom:.15rem}.mosaly-steps{display:grid;gap:.65rem}.sunnah-list{display:grid;gap:.65rem;margin-top:.75rem}.mosaly-lesson-card{border-radius:16px;padding:.85rem;border:1px solid rgba(120,180,255,.18)}.mosaly-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.mosaly-lesson-title{margin:0;font-size:1.05rem;font-weight:900;color:#fffffff5;text-shadow:0 2px 12px rgba(0,0,0,.55)}.mosaly-arabic{margin:.45rem 0 0;font-size:1.05rem;font-weight:800;line-height:2;color:#fffffff5;text-shadow:0 2px 10px rgba(0,0,0,.55)}.mosaly-lesson-desc{margin-top:.35rem}.mosaly-btn-done{border-color:#6ee7b773!important;color:#6ee7b7!important}.mosaly-faq{padding:.55rem 0;border-bottom:1px solid rgba(120,180,255,.1)}.mosaly-faq:last-child{border-bottom:none}.mosaly-faq-q{margin:0;font-weight:900;color:#fffffff2}.mosaly-faq-a{margin:.25rem 0 0}.mosaly-result-item{width:100%;text-align:start;padding:.55rem .65rem;border-radius:12px;border:1px solid rgba(120,180,255,.12);background:#0a101e66;display:grid;gap:.15rem}.mosaly-result-title{font-weight:850;color:#ffffffeb}.mosaly-result-hint{opacity:.8}.mosaly-quiz-title{margin:0;font-weight:900;color:#fffffff2}.mosaly-quiz-choices{display:grid;gap:.35rem;margin-top:.5rem}.mosaly-choice{display:flex;align-items:center;gap:.45rem;padding:.5rem .6rem;border-radius:12px;border:1px solid rgba(120,180,255,.12);background:#0a101e61;cursor:pointer}.mosaly-choice input{margin:0}.mosaly-choice.correct{border-color:#6ee7b759}.mosaly-choice.wrong{border-color:#ff8c8c59}.mosaly-choice.active{filter:brightness(1.06)}.mosaly-completed-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}@media(max-width:480px){.account-form-grid{grid-template-columns:1fr}.account-phone-code{max-width:120px;min-width:90px}.account-auth-card,.account-hero-card{padding:1rem}.account-auth-tabs{font-size:.82rem}}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden;background:url(https://images.unsplash.com/photo-1591604129939-f1efa4f370f7?w=900&q=80) center/cover no-repeat}.onboarding:before{content:"";position:absolute;inset:0;background:linear-gradient(175deg,#0a0f1ed9,#0f1932eb)}.onboarding-card{position:relative;max-width:420px;width:100%;background:#fffffff2;border:1px solid #e2e5ee;border-radius:20px;padding:2.2rem 1.8rem;box-shadow:0 20px 60px #00000026;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.onboarding-logo{width:90px;height:90px;margin-bottom:1rem;border-radius:20px}.onboarding-dots{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.2rem}.dot{width:10px;height:10px;border-radius:999px;background:#dde0ea;transition:all .2s ease}.dot-active{background:#16213e;width:28px}.onboarding-title{margin:0 0 .6rem;color:#16213e;font-size:1.5rem}.onboarding-body{color:#5c6480;margin:0 0 1.4rem;line-height:1.7}.onboarding-hint{margin-top:1.2rem;color:#8a90a6;font-size:.88rem}.onboarding-form{display:grid;gap:.8rem}.onboarding-form label{display:grid;gap:.35rem;text-align:right;color:#3a4063}.onboarding-form input{border:1px solid #dde0ea;background:#fff;border-radius:10px;padding:.6rem .7rem;font-size:1rem;color:#1a1a2e}.onboarding-form input:focus{outline:none;border-color:#16213e}.onboarding-actions{display:grid;gap:.6rem}.btn-primary{background:#16213e;color:#fff;border:none;border-radius:12px;padding:.75rem 1.2rem;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .12s ease}.btn-primary:active{transform:scale(.97)}.btn-primary:hover{background:#1a2a4e}.btn-secondary{background:#f4f5f9;color:#16213e;border:1px solid #dde0ea;border-radius:12px;padding:.65rem 1rem;cursor:pointer;font-weight:600}.btn-secondary:hover{background:#eaecf2}.btn-skip{background:transparent;color:#5c6480;border:1px solid #dde0ea;border-radius:12px;padding:.65rem 1rem;cursor:pointer}.btn-skip:hover{background:#f4f5f9}body.theme-dark .onboarding-card{background:#161b26f2;border-color:#252d3d}body.theme-dark .onboarding-title{color:#e2e7f2}body.theme-dark .onboarding-body{color:#8a95b2}body.theme-dark .onboarding-form input{background:#1c2333;border-color:#2a3348;color:#e2e7f2}body.theme-dark .btn-primary{background:#e2e7f2;color:#0e1218}body.theme-dark .btn-secondary{background:#1c2333;border-color:#2a3348;color:#e2e7f2}body.theme-dark .btn-skip{color:#8a95b2;border-color:#2a3348}.toast-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;width:90%;max-width:420px;pointer-events:none}.toast-item{padding:.7rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;color:#fff;animation:toastSlideIn .3s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;text-align:center;box-shadow:0 4px 20px #00000026}.toast-success{background:#107a48eb}.toast-error{background:#c82828eb}.toast-info{background:#16213eeb}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;justify-content:flex-start;align-items:center;gap:.25rem;overflow-x:auto;overscroll-behavior-x:contain;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #eaecf2;padding:.3rem 0 calc(env(safe-area-inset-bottom,0px) + .3rem);box-shadow:0 -2px 16px #0000000d}.bottom-nav::-webkit-scrollbar{height:0}.bottom-nav{scrollbar-width:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.1rem;background:none;border:none;color:#7b839a;font-size:.68rem;font-weight:600;padding:.3rem .5rem;cursor:pointer;transition:color .15s;min-width:52px;flex:0 0 auto}.bottom-nav-item:hover,.bottom-nav-item.active{color:#16213e;background:none}.bottom-nav-icon{font-size:1.3rem;line-height:1}.bottom-nav-label{font-size:.68rem}body.theme-dark .bottom-nav{background:#0e1218eb;border-top-color:#252d3d;box-shadow:0 -2px 16px #0000004d}body.theme-dark .bottom-nav-item{color:#8a95b2}body.theme-dark .bottom-nav-item.active,body.theme-dark .bottom-nav-item:hover{color:#e2e7f2}@media(min-width:761px){.bottom-nav{display:none}}.adv-tasbeeh{margin-top:.5rem}.tasbeeh-targets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.7rem}.tasbeeh-chip-count{font-size:.72rem;margin-inline-start:.3rem;opacity:.7}.tasbeeh-display{text-align:center;margin-bottom:.6rem}.tasbeeh-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,#16213e,#0f3460);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto .6rem;cursor:pointer;transition:transform 80ms ease;user-select:none;-webkit-user-select:none;box-shadow:0 4px 24px #0f34604d}.tasbeeh-circle:active{transform:scale(.94)}.tasbeeh-number{font-size:2.4rem;font-weight:800;line-height:1}.tasbeeh-target-label{font-size:.85rem;opacity:.7}.tasbeeh-current-label{margin:.4rem 0;font-weight:700;color:#16213e;font-size:1.05rem}body.theme-dark .tasbeeh-circle{background:linear-gradient(135deg,#e2e7f2,#c0c8dd);color:#0e1218}body.theme-dark .tasbeeh-current-label{color:#e2e7f2}.tools-card-bg .tasbeeh-current-label{color:#e2e7f2;text-shadow:0 1px 6px rgba(0,0,0,.5)}.tools-card-bg .tasbeeh-circle{background:linear-gradient(135deg,#ffffffeb,#c8d2e6e0);color:#0e1218;box-shadow:0 4px 28px #00000059}.tools-card-bg .chip{background:#2563eb66!important;border-color:#64a0ff4d!important;color:#e2e7f2!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tools-card-bg .chip-active,.tools-card-bg .chip.chip-active{background:#2563ebb3!important;border-color:#64b4ff80!important;color:#fff!important}.quran-reader{animation:fadeSlideIn .25s ease}.qr-topbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.qr-back{font-size:.85rem}.qr-heart-card{border:1px solid #e8ebf3;border-radius:14px;padding:.75rem;background:linear-gradient(145deg,#fff,#f7f9ff);margin-bottom:.75rem}.qr-heart-card.pulse{animation:qrHeartPulse .6s ease}.qr-heart-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.qr-heart-target{display:flex;align-items:center;gap:.35rem}.qr-heart-target select{min-width:90px}.qr-heart-center{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:center}.qr-heart-svg-wrap{position:relative;width:120px;height:120px}.qr-heart-svg{width:120px;height:120px}.qr-heart-bg-shape{fill:#e8edf8}.qr-heart-fill-shape{fill:#df2f63;transition:y .32s ease,height .32s ease}.qr-heart-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.98rem;text-shadow:0 1px 5px rgba(0,0,0,.35)}.qr-heart-stats p{margin:.2rem 0;font-size:.84rem;color:#4f5a75}.qr-heart-preview-row{margin-top:.4rem;display:flex;align-items:center;gap:.25rem}.qr-heart-mini{font-size:1rem}.qr-heart-actions{margin-top:.45rem}.qr-page-read-btn.active{background:#15924f;color:#fff;border-color:#15924f}.qr-title{flex:1;text-align:center;font-size:1.15rem;margin:0}.qr-controls{display:flex;gap:.3rem}.qr-bar{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem}.qr-select{width:100%}.qr-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.qr-actions button.playing{background:#16213e;color:#fff;border-color:#16213e}.qr-search{display:flex;gap:.4rem;margin-bottom:.6rem}.qr-search input{flex:1}.qr-search-results{max-height:200px;overflow-y:auto;margin-bottom:.6rem;border:1px solid #eaecf2;border-radius:10px}.qr-search-item{padding:.5rem .7rem;border-bottom:1px solid #eaecf2;cursor:pointer;font-size:.88rem;line-height:1.7}.qr-search-item:hover{background:#f0f2f8}.qr-search-key{display:inline-block;background:#16213e;color:#fff;padding:.1rem .4rem;border-radius:6px;font-size:.75rem;margin-inline-end:.4rem}.qr-chapter-info{display:flex;gap:.6rem;justify-content:center;margin-bottom:.4rem;color:#7b839a;font-size:.85rem}.qr-page-indicator{text-align:center;font-size:.86rem;color:#4f5a75;margin-bottom:.55rem}.qr-bismillah{text-align:center;font-size:1.5rem;font-family:Amiri,Scheherazade New,serif;color:#16213e;margin:.6rem 0;line-height:2}.qr-loading{padding:1rem 0}.skeleton-line{height:20px;background:linear-gradient(90deg,#eaecf2 25%,#f4f5f9,#eaecf2 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin-bottom:.6rem}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes qrHeartPulse{0%{transform:scale(1)}45%{transform:scale(1.02)}to{transform:scale(1)}}.qr-verses{font-family:Amiri,Scheherazade New,Traditional Arabic,serif;line-height:2.2;color:#1a1a2e}.qr-verse{display:inline}.qr-verse-text{unicode-bidi:embed}.qr-verse-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.7rem;font-family:system-ui,sans-serif;background:#16213e;color:#fff;border-radius:50%;margin:0 .2rem;vertical-align:middle;border:none;cursor:pointer}.qr-verse-num.active{background:#d4a017;color:#111}.qr-share-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.1rem;vertical-align:middle;opacity:.5;transition:opacity .15s}.qr-share-btn:hover{opacity:1;background:none}.qr-tafsir{display:block;font-family:system-ui,sans-serif;font-size:.88rem;line-height:1.7;color:#5c6480;background:#f4f5f9;padding:.5rem .7rem;border-radius:8px;margin:.3rem 0 .5rem;border-inline-start:3px solid #16213e}.qr-tafsir-panel{border:1px solid #eaecf2;border-radius:10px;background:#f8f9fc;padding:.6rem .75rem;margin-bottom:.6rem}.qr-read-banner{margin-bottom:.55rem;padding:.55rem .7rem;border-radius:10px;background:#e8fff2;border:1px solid #9de4ba;color:#0f7b3e;font-weight:700;font-size:.86rem}.qr-completed-list{margin-bottom:.6rem}.qr-completed-chips{display:flex;flex-wrap:wrap;gap:.35rem}.qr-bottom-nav{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding-top:.8rem;border-top:1px solid #eaecf2}body.theme-dark .qr-bismillah,body.theme-dark .qr-verses{color:#e2e7f2}body.theme-dark .qr-verse-num{background:#e2e7f2;color:#0e1218}body.theme-dark .qr-verse-num.active{background:#f5cf63;color:#111}body.theme-dark .qr-tafsir{background:#1c2333;color:#8a95b2;border-inline-start-color:#4a6fa5}body.theme-dark .qr-tafsir-panel{background:#1c2333;border-color:#2a3348}body.theme-dark .qr-read-banner{background:#183325;border-color:#2f7f56;color:#9ce4be}body.theme-dark .qr-chapter-info{color:#8a95b2}body.theme-dark .qr-page-indicator{color:#a9b2c8}body.theme-dark .qr-search-results{border-color:#2a3348}body.theme-dark .qr-search-item{border-bottom-color:#2a3348}body.theme-dark .qr-search-item:hover{background:#1c2333}body.theme-dark .qr-search-key{background:#e2e7f2;color:#0e1218}body.theme-dark .skeleton-line{background:linear-gradient(90deg,#2a3348 25%,#1c2333,#2a3348 75%);background-size:200% 100%}body.theme-dark .qr-bottom-nav{border-top-color:#2a3348}body.theme-dark .qr-heart-card{background:#1c2333;border-color:#2a3348}body.theme-dark .qr-heart-bg-shape{fill:#313c55}body.theme-dark .qr-heart-stats p{color:#a9b2c8}body.theme-dark .qr-page-read-btn.active{background:#1b9f59;border-color:#1b9f59;color:#fff}@media(max-width:760px){.qr-bar{grid-template-columns:1fr}.qr-heart-center{grid-template-columns:1fr;justify-items:center;text-align:center}}.names-page{animation:fadeSlideIn .25s ease}.names-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}.name-card{border:1px solid #eaecf2;border-radius:14px;padding:.65rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafbfd}.name-card:hover{border-color:#16213e}.name-card.expanded{grid-column:span 3;background:linear-gradient(135deg,#f8f9fc,#f0f2f8)}.name-number{display:block;font-size:.72rem;color:#7b839a}.name-arabic{display:block;font-size:1.2rem;font-weight:700;color:#16213e;margin-top:.2rem}.name-details{margin-top:.5rem;text-align:start}.name-translit{margin:0;color:#0f3460;font-size:.88rem;font-style:italic}.name-meaning{margin:.3rem 0 0;color:#5c6480;font-size:.9rem;line-height:1.6}body.theme-dark .name-card{background:#1c2333;border-color:#2a3348}body.theme-dark .name-card.expanded{background:linear-gradient(135deg,#1c2333,#252d3d)}body.theme-dark .name-arabic{color:#e2e7f2}body.theme-dark .name-translit,body.theme-dark .name-meaning{color:#8a95b2}@media(max-width:760px){.names-grid{grid-template-columns:repeat(2,1fr)}.name-card.expanded{grid-column:span 2}}.zakat-page{animation:fadeSlideIn .25s ease}.zakat-form{margin-top:.6rem}.zakat-form label{display:grid;gap:.3rem;color:#3a4063;font-size:.9rem;margin-bottom:.5rem}.zakat-result{margin-top:.8rem;padding:1rem;border-radius:14px;text-align:center}.zakat-result.above{background:linear-gradient(135deg,#f8f9fc,#e8f5e9);border:1px solid #a5d6a7}.zakat-result.below{background:#f4f5f9;border:1px solid #eaecf2}.zakat-amount{font-size:2rem;font-weight:800;color:#16213e;margin:.4rem 0}body.theme-dark .zakat-result.above{background:linear-gradient(135deg,#1c2333,#1b3a25);border-color:#2a6040}body.theme-dark .zakat-result.below{background:#1c2333;border-color:#2a3348}body.theme-dark .zakat-amount{color:#e2e7f2}body.theme-dark .zakat-form label{color:#c0c8dd}.heatmap-wrapper{margin-top:.6rem}.heatmap-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.heatmap-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#0006;cursor:default;min-width:0}.heatmap-none{background:#eaecf2}.heatmap-low{background:#c6daf0}.heatmap-partial{background:#6ba3d6}.heatmap-full{background:#16213e;color:#ffffffb3}.heatmap-label{pointer-events:none}.heatmap-legend{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.78rem;color:#5c6480}.heatmap-legend .heatmap-cell{width:14px;height:14px;aspect-ratio:auto}body.theme-dark .heatmap-none{background:#2a3348}body.theme-dark .heatmap-low{background:#3a5070}body.theme-dark .heatmap-partial{background:#4a7aaf}body.theme-dark .heatmap-full{background:#e2e7f2;color:#0e1218}body.theme-dark .heatmap-legend{color:#8a95b2}.achievements-page{animation:fadeSlideIn .25s ease}.xp-card{background:linear-gradient(135deg,#16213e,#0f3460);color:#fff;border-radius:16px;padding:1rem;margin-bottom:.7rem}.xp-header{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.xp-level-icon{font-size:2.2rem}.xp-level-name{margin:0;font-size:1.1rem;font-weight:700}.xp-total{margin:0;font-size:.9rem;opacity:.8}.xp-card .progress-track{background:#fff3}.xp-card .progress-fill{background:linear-gradient(90deg,#4ecdc4,#e2e7f2)}.xp-card .mini-label{color:#ffffffb3;margin-top:.4rem}.badges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.badge-card{border:1px solid #eaecf2;border-radius:12px;padding:.7rem;display:flex;align-items:center;gap:.5rem;position:relative;transition:all .2s}.badge-card.unlocked{background:linear-gradient(135deg,#f8f9fc,#e8f5e9);border-color:#a5d6a7}.badge-card.locked{background:#f4f5f9;opacity:.55}.badge-icon{font-size:1.5rem}.badge-label{font-size:.85rem;color:#16213e;font-weight:600}.badge-lock{position:absolute;top:6px;left:6px;font-size:.7rem}body.theme-dark .xp-card{background:linear-gradient(135deg,#1c2333,#252d3d)}body.theme-dark .badge-card.unlocked{background:linear-gradient(135deg,#1c2333,#1b3a25);border-color:#2a6040}body.theme-dark .badge-card.locked{background:#1c2333;border-color:#2a3348}body.theme-dark .badge-label{color:#e2e7f2}@media(max-width:760px){.badges-grid{grid-template-columns:1fr}}.hijri-page{animation:fadeSlideIn .25s ease}.hijri-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.8rem}.hijri-month-label{font-weight:700;color:#16213e;font-size:1.05rem}.hijri-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:.8rem}.hijri-day{border:1px solid #eaecf2;border-radius:8px;padding:.3rem;text-align:center;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fafbfd}.hijri-day.has-event{background:linear-gradient(135deg,#e8f5e9,#f0f2f8);border-color:#a5d6a7}.hijri-day-num{font-weight:700;color:#16213e;font-size:.88rem}.hijri-greg{font-size:.6rem;color:#7b839a}.hijri-event-tag{font-size:.55rem;background:#16213e;color:#fff;padding:.05rem .25rem;border-radius:4px;line-height:1.3}.hijri-events-list{display:grid;gap:.5rem}.hijri-event-card{display:flex;gap:.7rem;align-items:center;border:1px solid #eaecf2;border-radius:12px;padding:.65rem;background:#fafbfd}.hijri-event-date{min-width:70px;font-weight:700;color:#0f3460;font-size:.85rem;text-align:center}.hijri-event-card p{margin:0}body.theme-dark .hijri-month-label{color:#e2e7f2}body.theme-dark .hijri-day{background:#1c2333;border-color:#2a3348}body.theme-dark .hijri-day.has-event{background:linear-gradient(135deg,#1b3a25,#1c2333);border-color:#2a6040}body.theme-dark .hijri-day-num{color:#e2e7f2}body.theme-dark .hijri-event-card{background:#1c2333;border-color:#2a3348}body.theme-dark .hijri-event-date{color:#8a95b2}body.theme-dark .hijri-event-tag{background:#e2e7f2;color:#0e1218}@media(max-width:760px){.hijri-grid{grid-template-columns:repeat(5,1fr)}}.family-tab{display:flex;flex-direction:column;gap:.7rem}.family-empty,.family-leaderboard,.family-member-form{border:1px solid #223251;border-radius:14px;padding:.8rem;background:#0f1a33}.family-leaderboard{background:url(/images/family/leaderboard.webp) center/cover no-repeat;position:relative;overflow:hidden;color:#fff}.family-leaderboard:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#080f23b8,#080f23db 55%,#080f23eb);z-index:0}.family-leaderboard>*{position:relative;z-index:1}.family-member-form{background:url(/images/family/add-member.webp) center/cover no-repeat;position:relative;overflow:hidden;color:#fff}.family-member-form:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#080f23b3,#080f23db 60%,#080f23eb);z-index:0}.family-member-form>*{position:relative;z-index:1}.family-header-card{border:1px solid #223251;border-radius:16px;padding:1.2rem;background:url(/images/family-header-bg.webp) center/cover no-repeat;position:relative;overflow:hidden;color:#fff}.family-header-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a122899,#0a1228cc);z-index:0}.family-header-card>*{position:relative;z-index:1}.family-header-card h3{font-size:1.3rem;margin:.25rem 0;text-shadow:0 2px 8px rgba(0,0,0,.4)}.family-layout{border:none;border-radius:14px;padding:0;background:transparent}.family-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;align-items:center}.family-row input,.family-row select,.family-row button{min-height:38px}.family-search-results{margin-top:.35rem;display:grid;gap:.4rem}.family-search-item{width:100%;text-align:start;padding:.65rem .8rem;border-radius:12px;border:1px solid rgba(100,140,220,.25);background:#101b33b3;color:#e2e7f2;cursor:pointer;transition:transform .14s ease,background .18s ease,border-color .18s ease}.family-search-item:hover{transform:translateY(-1px);background:#19284bbf;border-color:#89b4fa59}.family-search-item:active{transform:scale(.99)}.family-join-requests{border:1px solid #223251;border-radius:14px;padding:.8rem;background:#0f1a33e6}.family-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem}.metric-card-img{position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:16px;overflow:hidden;min-height:110px;border:1px solid rgba(100,140,220,.2)!important;padding:0!important;box-shadow:0 4px 20px #0000004d;transition:transform .2s,box-shadow .2s}.metric-card-img:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0006}.metric-card-overlay{position:relative;z-index:1;width:100%;height:100%;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem .6rem;background:linear-gradient(180deg,#080f238c,#080f23bf,#080f23e0);text-align:center;gap:.3rem}.metric-card-img .mini-label{color:#b0c4e8;font-size:.82rem;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.metric-card-img .mini-value{color:#fff;font-size:1.35rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5)}.family-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:.8rem}.family-tree-pane{border:1px solid #253861;border-radius:14px;padding:.8rem;background:url(/images/family-tree-bg.webp) center top / cover no-repeat;position:relative;overflow:hidden}.family-tree-pane:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a1228bf,#0a1228eb 40%,#0a1228f7);z-index:0}.family-tree-pane>*{position:relative;z-index:1}.family-tree-pane>.mini-label{font-size:.95rem;font-weight:700;color:#f5cf63;text-shadow:0 1px 6px rgba(0,0,0,.4)}.family-details-pane{border:1px solid #253861;border-radius:14px;padding:.8rem;background:url(/images/family-member-bg.webp) center/cover no-repeat;position:relative;overflow:hidden}.family-details-pane:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a1228d1,#0a1228eb 55%,#0a1228f7);z-index:0}.family-details-pane>*{position:relative;z-index:1}.family-details-pane>.mini-label:first-child{font-size:.95rem;font-weight:700;color:#e8f3ff;text-shadow:0 1px 6px rgba(0,0,0,.4)}.family-details-pane .family-member-card{color:#eef6ff}.family-details-pane .family-member-card h4{color:#fff;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.55)}.family-details-pane .mini-label{color:#e9f1ffe0;font-weight:650;text-shadow:0 1px 8px rgba(0,0,0,.55)}.family-details-pane .family-member-card p{margin:0}.family-member-form input,.family-member-form select,.family-member-form textarea{background:#0a101e94;border:1px solid rgba(120,180,255,.18);color:#eef6ff}.family-member-form input::placeholder,.family-member-form textarea::placeholder{color:#e9f1ff9e}.family-tree-scroll{max-height:450px;overflow:auto}.family-tree-list{list-style:none;margin:0;padding-inline-start:1rem}.family-tree-list>li{margin:.4rem 0}.family-node{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-radius:10px;padding:.5rem .6rem;text-align:start;background:#0a12288c;border:1px solid rgba(120,180,255,.14)}.family-node-left{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.family-node-name{font-weight:850;color:#eef6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.45)}.family-node-rel{font-size:.78rem;font-weight:650;color:#e9f1ffc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-node-pct{min-width:52px;text-align:left;color:#e9f1ffe0}.family-node-row{display:grid;grid-template-columns:1fr auto;gap:.35rem;align-items:center}.family-node-expand-btn{min-width:34px;height:34px;border-radius:9px;padding:0;font-size:1.05rem}.family-node.active{border-color:#f5cf63}.family-more-children-btn{margin-top:.35rem;font-size:.78rem}.family-member-card{display:flex;flex-direction:column;gap:.35rem;background:#0a101e9e;border:1px solid rgba(120,180,255,.14);border-radius:12px;padding:.7rem .75rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.family-member-card h4{margin:0}.family-list{display:flex;flex-direction:column;gap:.35rem}.family-list-item{display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:.45rem .55rem;border:1px solid #223251;border-radius:10px;background:#101b33}.family-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.family-form-grid textarea{grid-column:1 / -1;min-height:70px}.family-check{display:inline-flex;align-items:center;gap:.45rem}.family-relation-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:.3rem;background:#1e376940;border:1px solid rgba(100,140,220,.25);border-radius:10px;padding:.7rem .85rem}.family-relation-section select{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid rgba(100,140,220,.3);background:#0a142d99;color:#fff;font-size:.95rem}.relation-label{font-weight:600;color:#89b4fa;margin-bottom:.15rem}.btn-family-submit{background:linear-gradient(135deg,#1a73e8,#3a8dff);color:#fff;border:none;border-radius:10px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s,transform .15s}.btn-family-submit:hover{background:linear-gradient(135deg,#155abb,#1a73e8);transform:translateY(-1px)}.btn-family-clear{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cdd6f4;border-radius:10px;padding:.6rem 1.2rem;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-family-clear:hover{background:#ffffff14}.btn-family-link{background:linear-gradient(135deg,#0d7c3c,#15a055);color:#fff;border:none;border-radius:10px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .3s}.btn-family-link:hover{background:linear-gradient(135deg,#096330,#0d7c3c)}@media(max-width:860px){.family-layout,.family-form-grid{grid-template-columns:1fr}}