:root{--bg: #f6f4f9;--bg-2: #eeebf4;--surface: #ffffff;--surface-2: #faf8fc;--ink: #23263a;--ink-2: #44475d;--muted: #6e7085;--line: #e6e2ee;--lav: #7867c4;--lav-2: #9b8be0;--lav-soft: #eeeafa;--sky-1: #cdc4ec;--sky-2: #f2d4cc;--sky-3: #fbe8cb;--sun: #fff3d6;--hill-1: #c3bbe0;--hill-2: #a9a3d0;--hill-3: #9592c2;--silhouette: #615d93;--water: #c7d3ea;--stone: #8e8aab;--glass: rgba(255, 255, 255, .72);--green: #1e5a48;--green-2: #2c7a62;--green-soft: #e2ede6;--gold: #b08236;--gold-soft: #f4e8cf;--rose-soft: #f6e4dd;--danger: #a3412c;--shadow: 0 1px 2px rgba(40, 35, 20, .05), 0 8px 24px -12px rgba(40, 35, 20, .18);--shadow-lg: 0 24px 60px -20px rgba(20, 40, 30, .35);--radius: 20px;--radius-sm: 12px;--ar-scale: 1;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--quran: "Amiri Quran", "Noto Naskh Arabic", serif;--naskh: "Noto Naskh Arabic", "Amiri Quran", serif;--tab-h: 68px;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%231e5a48' stroke-width='1'%3E%3Cpath d='M28 4l7 17 17 7-17 7-7 17-7-17-17-7 17-7z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #12131c;--bg-2: #181a26;--surface: #1c1e2b;--surface-2: #212434;--ink: #ecebf2;--ink-2: #cfcfdc;--muted: #9c9db0;--line: #2c2f42;--lav: #b2a5f0;--lav-2: #c7bcf6;--lav-soft: #2a2745;--sky-1: #1b1d3a;--sky-2: #352f57;--sky-3: #5a4767;--sun: #f2dcaa;--hill-1: #2e2d4d;--hill-2: #25253f;--hill-3: #1c1d33;--silhouette: #15162a;--water: #262d4a;--stone: #44446a;--glass: rgba(28, 30, 43, .74);--green: #7cc4a6;--green-2: #96d3b9;--green-soft: #1d3029;--gold: #d8ae62;--gold-soft: #2d2718;--rose-soft: #2e221e;--danger: #e08a74;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%237cc4a6' stroke-width='1'%3E%3Cpath d='M28 4l7 17 17 7-17 7-7 17-7-17-17-7 17-7z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");color-scheme:dark}}:root[data-theme=dark]{--bg: #12131c;--bg-2: #181a26;--surface: #1c1e2b;--surface-2: #212434;--ink: #ecebf2;--ink-2: #cfcfdc;--muted: #9c9db0;--line: #2c2f42;--lav: #b2a5f0;--lav-2: #c7bcf6;--lav-soft: #2a2745;--sky-1: #1b1d3a;--sky-2: #352f57;--sky-3: #5a4767;--sun: #f2dcaa;--hill-1: #2e2d4d;--hill-2: #25253f;--hill-3: #1c1d33;--silhouette: #15162a;--water: #262d4a;--stone: #44446a;--glass: rgba(28, 30, 43, .74);--green: #7cc4a6;--green-2: #96d3b9;--green-soft: #1d3029;--gold: #d8ae62;--gold-soft: #2d2718;--rose-soft: #2e221e;--danger: #e08a74;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%237cc4a6' stroke-width='1'%3E%3Cpath d='M28 4l7 17 17 7-17 7-7 17-7-17-17-7 17-7z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E");color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--green-2);outline-offset:2px;border-radius:8px}.shell{min-height:100dvh}.rail{display:none}.main-col{max-width:760px;margin:0 auto;padding:0 16px calc(var(--tab-h) + 40px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin:0 -16px;padding-inline:16px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:21px;font-weight:600;color:var(--green)}.brand img{border-radius:9px}.topbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);transition:background .2s}.icon-btn:hover{background:var(--bg-2)}.lang-toggle{display:flex;background:var(--bg-2);border-radius:999px;padding:3px;border:1px solid var(--line)}.lang-toggle button{position:relative;padding:5px 12px;font-size:13px;font-weight:600;color:var(--muted);border-radius:999px;z-index:0}.lang-toggle button.on{color:#fff}.lang-toggle .pill-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);border-radius:999px;z-index:-1}:root[data-theme=dark] .lang-toggle button.on{color:#0f1714}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .lang-toggle button.on{color:#0f1714}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-top:1px solid var(--line)}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:500;color:var(--muted);border-radius:14px;z-index:0}.tab.active{color:var(--lav)}.tab-bg{position:absolute;top:4px;right:6px;bottom:4px;left:6px;background:var(--lav-soft);border-radius:14px;z-index:-1}.guide-fab{position:fixed;z-index:31;right:16px;bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lav-2),var(--lav));color:#fff;box-shadow:var(--shadow-lg)}.for-you .see-all,.explore .see-all{color:var(--lav)}:root[data-theme=dark] .guide-fab{color:#0f1714}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .guide-fab{color:#0f1714}}@media (min-width: 900px){.shell{display:grid;grid-template-columns:240px minmax(0,1fr)}.rail{display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100dvh;padding:26px 18px;border-right:1px solid var(--line);background:var(--surface-2)}.rail nav{display:flex;flex-direction:column;gap:4px}.rail-link{position:relative;z-index:0;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;color:var(--ink-2);font-weight:500;transition:background .2s,color .2s}.rail-link:hover{background:var(--bg-2)}.rail-link.active{color:var(--lav)}.rail-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:14px;background:var(--lav-soft)}.rail>.rail-link.active{background:var(--lav-soft)}.rail-guide{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:linear-gradient(135deg,var(--lav-2),var(--lav));color:#fff;font-weight:600;box-shadow:var(--shadow)}:root[data-theme=dark] .rail-guide{color:#14151f}.main-col{padding:0 40px 80px;max-width:980px;width:100%}.topbar{margin:0 -40px;padding-inline:40px}.mobile-only,.tabbar,.guide-fab{display:none}}@media (max-width: 899px){.desktop-only{display:none!important}}.content{padding-top:6px}.page{display:flex;flex-direction:column;gap:30px}.page-head h1{font-size:32px;line-height:1.15}.page-head p{color:var(--muted);margin-top:6px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{font-size:22px}.section-title p{color:var(--muted);font-size:14px;margin-top:3px}.see-all{color:var(--green);font-weight:600;font-size:14px;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}section>.card+.card,section>article+article{margin-top:14px}.backbar{display:flex;align-items:center;gap:6px;margin:-6px 0 -14px -8px}.backbar-title{font-weight:600;color:var(--muted);font-size:14px}.empty{color:var(--muted);text-align:center;padding:40px 0}.load-error{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--muted);padding:50px 16px}.load-error>svg{color:var(--gold)}.small-note{font-size:12.5px;color:var(--muted);margin-top:8px}.small-note.center{text-align:center}.foot-note{text-align:center;color:var(--muted);font-size:13px}.foot-note a{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:14px;font-weight:600;transition:transform .15s,background .2s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--green);color:#fff}:root[data-theme=dark] .btn.primary{color:#0f1714}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn.primary{color:#0f1714}}.btn.ghost{background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line)}.btn:disabled{opacity:.4;pointer-events:none}.link-btn{color:var(--green);font-weight:600;font-size:13.5px}.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:500;color:var(--ink-2);transition:background .2s,border-color .2s,transform .15s}.chip:hover{border-color:var(--green-2);color:var(--green)}.chip:active{transform:scale(.97)}.chips,.situation-chips,.feel-chips{display:flex;flex-wrap:wrap;gap:8px}.skeleton{display:flex;flex-direction:column;gap:12px;padding:10px 0}.sk-line{height:18px;border-radius:8px;background:linear-gradient(90deg,var(--bg-2),var(--surface),var(--bg-2));background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.arabic{font-family:var(--naskh);direction:rtl;text-align:right;color:var(--ink)}.arabic.quran{font-family:var(--quran);font-size:calc(28px * var(--ar-scale));line-height:2.15}.dua-ar{font-size:calc(24px * var(--ar-scale));line-height:2.05}.hadith-ar{font-size:calc(19px * var(--ar-scale));line-height:2;color:var(--ink-2);margin-top:12px}.ayah-mark{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;margin:0 .15em;font-family:var(--naskh);font-size:.55em;color:var(--gold);border:1.5px solid currentColor;border-radius:50%;vertical-align:middle;line-height:1}.basmala{font-family:var(--quran);font-size:calc(24px * var(--ar-scale));text-align:center;color:var(--green);margin-bottom:6px}.basmala.standalone{margin:4px 0 -6px}.translit{font-style:italic;color:var(--muted);font-size:14.5px;margin-top:6px}.tr-en{color:var(--ink-2);margin-top:8px}.tr-ru{color:var(--ink-2);margin-top:6px;padding-left:10px;border-left:2px solid var(--gold)}.tr-missing{color:var(--muted);font-size:12.5px;margin-top:6px}.tr-row{display:grid;grid-template-columns:26px 1fr;gap:6px;margin-top:8px}.tr-num{font-size:12px;color:var(--gold);font-weight:600;padding-top:10px}.passage{display:flex;flex-direction:column}.verse+.verse{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.is-reciting,.verse.is-reciting{background:var(--gold-soft);border-radius:10px;transition:background .3s}span.is-reciting{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 4px}.ref-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.ref{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--green);background:var(--green-soft);padding:4px 10px;border-radius:999px}.why{color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}.why.lead{font-weight:500;color:var(--ink);margin-bottom:12px;font-size:15.5px}.why-icon{color:var(--gold);flex:none;margin-top:3px}.audio-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--green-soft);color:var(--green);font-weight:600;font-size:14px;transition:background .2s}.audio-btn.compact{padding:0;width:36px;height:36px;justify-content:center;flex:none}.audio-btn.is-playing{background:var(--green);color:#fff}:root[data-theme=dark] .audio-btn.is-playing{color:#0f1714}.audio-btn.compact .eq{display:none}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.eq i{width:3px;background:currentColor;border-radius:2px;animation:eq .9s infinite ease-in-out}.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.hadith-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.grade{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold)}.grade.mixed{background:var(--rose-soft);color:var(--danger)}.hadith-meta .link-btn{margin-left:auto}.hadith-full{overflow:hidden}.hadith-text{color:var(--ink-2);font-size:15px;line-height:1.65;margin-top:12px;padding:14px;background:var(--surface-2);border-radius:var(--radius-sm)}.ob-pattern,.surah-head-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern);opacity:.07;pointer-events:none;-webkit-mask-image:linear-gradient(200deg,#000,transparent 70%);mask-image:linear-gradient(200deg,#000,transparent 70%)}.hero{position:relative;margin:0 -16px;padding:30px 16px 18px;overflow:hidden;isolation:isolate}.hero-scene{position:absolute;inset:0 0 auto;width:100%;height:78%;z-index:-2}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,var(--bg) 78%);pointer-events:none}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{display:flex;flex-direction:column;align-items:center;color:var(--green)}.hero-logo span{font-family:var(--serif);font-size:46px;font-weight:500;line-height:1;letter-spacing:-.01em;margin-top:-2px;color:color-mix(in srgb,var(--green) 80%,var(--ink))}.hero h1{font-family:var(--sans);font-weight:500;font-size:19px;line-height:1.35;margin:14px 0 4px;color:var(--ink);max-width:30ch}.hero-sub{color:var(--ink-2);font-size:13.5px}.hero-or{color:var(--ink-2);font-size:14px;margin:16px 0 10px}.ask{position:relative;width:100%;max-width:520px;margin-top:18px;display:flex;align-items:center;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:999px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.ask:focus-within{border-color:var(--lav-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--lav-2) 22%,transparent)}.ask-icon{margin-left:18px;color:var(--gold);flex:none}.ask input{flex:1;min-width:0;border:0;outline:0;background:none;padding:15px 10px;font-size:15.5px}.ask button{width:40px;height:40px;margin:5px;border-radius:50%;background:linear-gradient(135deg,var(--lav-2),var(--lav));color:#fff;display:grid;place-items:center;flex:none;transition:transform .15s}.ask button:active{transform:scale(.92)}:root[data-theme=dark] .ask button{color:#14151f}.area-row{display:grid;gap:12px}.area-card{position:relative;display:block;height:150px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);isolation:isolate}.area-card{background:var(--hill-3)}.area-card .scene{position:absolute;inset:0 0 auto;width:100%;height:78%;z-index:-1;transform-origin:50% 30%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.area-card.a-self{background:var(--water)}.area-card.a-everyday{background:#8e9e6d}.area-card:hover .scene{transform:scale(1.05)}.area-card-body{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.area-card-body>div{flex:1;min-width:0}.area-card-body strong{display:block;font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink)}.area-card-body small{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.35}.area-icon{color:var(--tint-ink, var(--green));flex:none}.round-go{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink-2);box-shadow:var(--shadow);flex:none}.round-go.small{width:26px;height:26px;margin-left:auto}.a-faith{--tint: #e7e3f7;--tint-ink: #5b4fa0}.a-self{--tint: #dff0ec;--tint-ink: #2f7a68}.a-everyday{--tint: #fbe9d6;--tint-ink: #a2622a}.scene-self{--sky-1: #d3e2f0;--sky-2: #e6ebf3;--sky-3: #f4efe8;--hill-1: #c6cfe2;--hill-2: #aebbd4}.scene-everyday{--sky-1: #f4c9a3;--sky-2: #f8ddb6;--sky-3: #fbeccd;--hill-1: #c9cf9f;--hill-2: #a8b585;--hill-3: #8e9e6d;--silhouette: #566640}:root[data-theme=dark] .scene-self{--sky-1: #16243a;--sky-2: #22324d;--sky-3: #354158;--hill-1: #26334c;--hill-2: #1f2a40}:root[data-theme=dark] .scene-everyday{--sky-1: #2a1f33;--sky-2: #4a3343;--sky-3: #6b4a45;--hill-1: #2e3527;--hill-2: #252c20;--hill-3: #1d2319;--silhouette: #12160e}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .scene-self{--sky-1: #16243a;--sky-2: #22324d;--sky-3: #354158;--hill-1: #26334c;--hill-2: #1f2a40}:root:not([data-theme=light]) .scene-everyday{--sky-1: #2a1f33;--sky-2: #4a3343;--sky-3: #6b4a45;--hill-1: #2e3527;--hill-2: #252c20;--hill-3: #1d2319;--silhouette: #12160e}}.for-you{scroll-margin-top:70px}.feature-row{display:grid;gap:12px}.feature-card{display:flex;flex-direction:column;height:100%;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.feature-art{position:relative;height:110px}.feature-art .scene{width:100%;height:100%;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.feature-card:hover .scene{transform:scale(1.05)}.area-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--glass);color:var(--tint-ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.feature-body{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.feature-body strong{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.25}.feature-body>span{color:var(--muted);font-size:13px}.feature-meta{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:var(--muted);font-size:12.5px}.talk-banner{width:100%;margin-top:14px;display:flex;align-items:center;gap:14px;text-align:left;padding:16px 18px;border-radius:20px;background:linear-gradient(120deg,var(--lav-soft),color-mix(in srgb,var(--lav-soft) 40%,var(--surface)));border:1px solid color-mix(in srgb,var(--lav-2) 25%,transparent)}.talk-banner>svg{color:var(--lav);flex:none}.talk-banner div{flex:1}.talk-banner strong{display:block;font-weight:600}.talk-banner span{color:var(--ink-2);font-size:13.5px}.talk-banner .round-go{background:var(--lav);color:#fff}:root[data-theme=dark] .talk-banner .round-go{color:#14151f}.moment-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--radius);background:linear-gradient(135deg,var(--tint),var(--surface) 85%);border:1px solid var(--line)}.moment-card strong{display:block;font-family:var(--serif);font-weight:500;font-size:18px}.moment-card p{color:var(--ink-2);font-size:14.5px;margin-top:2px}.btn.lav{background:linear-gradient(135deg,var(--lav-2),var(--lav));color:#fff;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--lav) 70%,transparent)}:root[data-theme=dark] .btn.lav{color:#14151f}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn.lav,:root:not([data-theme=light]) .talk-banner .round-go,:root:not([data-theme=light]) .ask button,:root:not([data-theme=light]) .rail-guide{color:#14151f}}.btn.big{padding:15px 28px;font-size:16.5px;border-radius:999px;align-self:center;min-width:200px}.save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--lav-soft);color:var(--lav);font-weight:600;font-size:13.5px;flex:none;transition:background .2s,color .2s}.save-btn.compact{width:38px;height:38px;padding:0;justify-content:center}.save-btn.on{background:var(--lav);color:#fff}:root[data-theme=dark] .save-btn.on{color:#14151f}.hero-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.story-save{position:absolute;top:16px;right:16px;z-index:1}.story-save .save-btn{background:#ffffff29;color:#fff}.greeting{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-2)}.greeting svg{color:var(--gold)}.routine-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.routine-row>div:first-child{grid-column:1 / -1}.routine-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s;height:100%}.routine-card:active{transform:scale(.985)}.routine-card strong{display:block;font-family:var(--serif);font-weight:500;font-size:17px}.routine-card span{font-size:12.5px;color:var(--muted);display:block}.routine-card>svg{color:var(--gold);flex:none}.routine-card.featured{padding:22px 20px;color:#fff;border:0;background:linear-gradient(135deg,#22604d,#164637)}.routine-card.featured.evening{background:linear-gradient(135deg,#8a5a2b,#5b3b1e)}.routine-card.featured.bedtime{background:linear-gradient(135deg,#283a5a,#17223a)}.routine-card.featured strong{font-size:22px}.routine-card.featured span,.routine-card.featured>svg{color:#ffffffd1}.routine-go{margin-left:auto;padding:8px 14px;border-radius:999px;background:#ffffff2e;color:#fff!important;font-weight:600;font-size:13px!important}.done-mark{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid!important;place-items:center;background:var(--green-soft);color:var(--green)!important;flex:none}.routine-card.featured .done-mark{background:#fff3;color:#fff!important}.domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.domain-card{display:flex;flex-direction:column;gap:6px;padding:16px;height:100%;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .2s,border-color .2s}.domain-card:hover{border-color:var(--green-2);transform:translateY(-2px)}.domain-card strong{font-family:var(--serif);font-weight:500;font-size:17px}.domain-card small{color:var(--muted);font-size:12.5px;line-height:1.4}.domain-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint, var(--green-soft));color:var(--tint-ink, var(--green));flex:none}.domain-icon.big{width:56px;height:56px;border-radius:16px}.d-heart{--tint: #f6e1dc;--tint-ink: #a0473a}.d-money{--tint: #f3e9cf;--tint-ink: #8a6421}.d-health{--tint: #e0eee3;--tint-ink: #2f7a4f}.d-family{--tint: #e8e4f3;--tint-ink: #5b4f9a}.d-character{--tint: #f5e7d6;--tint-ink: #9a5b23}.d-people{--tint: #dfeaf2;--tint-ink: #33698f}.d-protection{--tint: #e2ede6;--tint-ink: #1e5a48}.d-decisions{--tint: #efe6dc;--tint-ink: #7a5638}:root[data-theme=dark] [class*=d-]{--tint: var(--green-soft);--tint-ink: var(--green)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [class*=d-]{--tint: var(--green-soft);--tint-ink: var(--green)}}.card-link{cursor:pointer}.dua-feature{display:block;transition:transform .2s}.dua-feature:hover{transform:translateY(-2px)}.dua-feature-head,.dua-mini-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.dua-feature-head strong,.dua-mini-head strong{font-family:var(--serif);font-weight:500;font-size:18px}.dua-mini-head small{display:block;color:var(--muted);font-size:13px}.when{color:var(--muted);font-size:13.5px;margin-top:12px}.story-scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 10px;scrollbar-width:none}.story-scroller::-webkit-scrollbar{display:none}.story-scroller>*{scroll-snap-align:start;flex:none}.story-card{display:flex;flex-direction:column;gap:4px;width:200px;min-height:150px;padding:18px;border-radius:var(--radius);color:#f6efe0;background:linear-gradient(160deg,#2a4a3f,#15302a);position:relative;overflow:hidden;box-shadow:var(--shadow)}.story-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern);opacity:.12;filter:invert(1)}.story-card strong{font-family:var(--serif);font-weight:500;font-size:22px;margin-top:auto}.story-card span{opacity:.85;font-size:14px}.story-card .story-hardship{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e9c98a;opacity:1}.story-card.wide{width:100%}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.life-list{display:flex;flex-direction:column;gap:14px}.life-domain{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.life-domain-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.life-domain-head h2{font-size:19px}.life-domain-head p{color:var(--muted);font-size:13.5px}.domain-hero{display:flex;flex-direction:column;gap:6px}.situation-list{display:flex;flex-direction:column;gap:8px}.situation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .15s}.situation-row:hover{border-color:var(--green-2)}.situation-row strong{display:block;font-family:var(--serif);font-weight:500;font-size:17px}.situation-row span{color:var(--muted);font-size:13.5px}.situation-row>svg{color:var(--muted);flex:none}.sit-hero{padding:24px 20px;border-radius:24px;background:linear-gradient(160deg,var(--tint, var(--green-soft)),var(--surface) 80%);border:1px solid var(--line)}.sit-hero h1{font-size:32px;line-height:1.15}.sit-feel{font-family:var(--serif);font-style:italic;color:var(--tint-ink, var(--green));margin-top:6px}.sit-intro{margin-top:12px;font-size:16.5px;line-height:1.6;color:var(--ink-2)}.jump{display:flex;gap:8px;overflow-x:auto;margin:18px -20px 0;padding:0 20px;scrollbar-width:none}.jump a{flex:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}section[id]{scroll-margin-top:70px}.dua-stack{display:flex;flex-direction:column;gap:12px}.dua-mini{display:block}.practical{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.practical li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.step-num{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:700;font-size:13px}.help-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:16px;border-radius:16px;background:var(--gold-soft);color:var(--ink-2)}.help-note>svg{color:var(--gold);flex:none;margin-top:2px}.when-big{display:flex;gap:6px;align-items:center;color:var(--green)!important;font-weight:500}.dua-hero{padding:22px}.dua-hero-tools{display:flex;align-items:center;gap:10px;margin-bottom:10px}.repeat-chip{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;color:var(--gold);background:var(--gold-soft);padding:6px 12px;border-radius:999px}.story-hero{position:relative;padding:30px 22px;border-radius:26px;color:#f6efe0;background:linear-gradient(160deg,#2a4a3f,#122823);overflow:hidden}.story-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--pattern);opacity:.12;filter:invert(1)}.story-hero h1{font-size:38px;margin:6px 0 2px}.story-hero p{opacity:.85;font-size:17px}.story-hero .story-hardship{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#e9c98a}.story-text{font-size:17.5px;line-height:1.75;color:var(--ink-2);font-family:var(--serif)}.lesson{display:flex;gap:14px;padding:20px;border-radius:var(--radius);background:var(--green-soft)}.lesson>svg{color:var(--gold);flex:none;margin-top:4px}.lesson h3{font-size:18px;margin-bottom:4px;color:var(--green)}.routine-list{display:flex;flex-direction:column;gap:10px}.routine-card.big{padding:20px}.routine-card.big .meta{margin-top:4px;color:var(--gold);font-weight:600}.routine-card.big>svg:last-child{margin-left:auto;color:var(--muted)}.see-all-row{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--green);font-weight:600;padding:12px}.player{gap:18px}.player-top{position:sticky;top:60px;z-index:5;background:var(--bg);padding-bottom:8px}.progress{display:flex;gap:4px;margin-top:18px}.progress span{flex:1;height:4px;border-radius:4px;background:var(--line);transition:background .3s}.progress span.past{background:var(--green-2)}.progress span.now{background:var(--gold)}.step-card{touch-action:pan-y}.step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.step-head h2{font-size:20px;flex:1}.step-of{font-size:12px;font-weight:700;color:var(--gold);background:var(--gold-soft);padding:4px 9px;border-radius:999px;flex:none}.evening-note{font-size:13.5px;color:var(--gold);background:var(--gold-soft);padding:10px 12px;border-radius:12px;margin-bottom:10px}.step-foot{display:flex;justify-content:center;margin:18px 0 6px}.step-evidence{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.player-nav{position:sticky;bottom:calc(var(--tab-h) + 12px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:20px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow)}.player-nav .btn{flex:1}@media (min-width: 900px){.player-nav{bottom:20px}}.counter{position:relative;width:132px;height:132px;display:grid;place-items:center}.counter>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.ring-bg{fill:var(--surface-2);stroke:var(--line);stroke-width:5}.ring{fill:none;stroke:var(--green-2);stroke-width:5;stroke-linecap:round}.counter.done .ring{stroke:var(--gold)}.counter-num{position:relative;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--green)}.counter.done .counter-num{color:var(--gold)}.counter-hint{position:absolute;bottom:-22px;font-size:11.5px;color:var(--muted);white-space:nowrap}.float-counter{position:fixed;left:0;top:0;z-index:40;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none;background:var(--surface);-webkit-tap-highlight-color:transparent;cursor:pointer}body.grabbing,body.grabbing *{cursor:grabbing!important}.float-counter>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.float-counter .ring-bg{fill:none;stroke:var(--line);stroke-width:5}.float-counter .ring{fill:none;stroke:var(--green-2);stroke-width:5;stroke-linecap:round}.float-counter.done .ring{stroke:var(--gold)}.fc-n{position:relative;display:flex;align-items:baseline;font-family:var(--serif);font-size:26px;font-weight:600;color:var(--green);line-height:1}.fc-n small{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--muted);margin-left:1px}.float-counter.done .fc-n{color:var(--gold)}.fc-hint{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);pointer-events:none;padding:7px 11px;border-radius:12px;white-space:nowrap;font-size:12.5px;font-weight:500;background:var(--ink);color:var(--bg);box-shadow:var(--shadow)}.count-note{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:13.5px;font-weight:500}.count-note b{font-family:var(--serif);font-size:16px}.player-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 10px}.done-burst{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);margin-bottom:8px}.player-done h2{font-size:28px}.player-done p{color:var(--muted);max-width:340px}.player-done-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}.search-box{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;color:var(--muted)}.search-box input{flex:1;min-width:0;border:0;outline:0;background:none;padding:13px 0;color:var(--ink)}.search-box.big{padding-left:4px}.surah-list{display:flex;flex-direction:column}.surah-row{display:flex;align-items:center;gap:14px;padding:13px 6px;border-bottom:1px solid var(--line)}.surah-row:hover{background:var(--surface-2)}.surah-num{width:36px;height:36px;flex:none;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--green);background:var(--green-soft);border-radius:11px;font-variant-numeric:tabular-nums}.surah-names{flex:1;min-width:0}.surah-names strong{display:block;font-weight:600}.surah-names small{color:var(--muted);font-size:12.5px}.surah-ar{font-family:var(--quran);font-size:21px;color:var(--green)}.surah-head{position:relative;text-align:center;padding:30px 20px;border-radius:26px;background:linear-gradient(170deg,var(--green-soft),var(--surface));border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px}.surah-head-ar{font-family:var(--quran);font-size:34px;color:var(--green);line-height:1.6}.surah-head h1{font-size:26px}.surah-head p{color:var(--muted);font-size:14px;margin-bottom:10px}.mushaf{padding:26px 22px}.mushaf .arabic.quran{text-align:justify;text-align-last:center;line-height:2.4}.verse-list{display:flex;flex-direction:column}.verse-row{position:relative;padding:18px 4px 18px 46px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.verse-row.is-reciting{padding-left:50px;padding-right:10px}.verse-num{position:absolute;left:4px;top:22px;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--naskh);font-size:14px;display:grid;place-items:center;transition:background .2s}.verse-num:hover{background:var(--gold-soft)}.surah-nav{display:flex;justify-content:space-between}.setting-group{display:flex;flex-direction:column;gap:12px}.setting-group h3{font-size:19px}.setting-sub{color:var(--muted);font-size:14px;margin-top:-6px}.setting-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-weight:500}.setting-hint{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:3px;flex-wrap:wrap}.seg button{position:relative;padding:8px 14px;border-radius:11px;font-size:14px;font-weight:600;color:var(--muted);z-index:0}.seg button.on{color:var(--green)}.seg .seg-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);border-radius:11px;box-shadow:var(--shadow);z-index:-1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;position:relative}.switch-row strong{display:block;font-weight:500}.switch-row small{color:var(--muted);font-size:12.5px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch{width:48px;height:28px;border-radius:999px;background:var(--line);display:flex;padding:3px;flex:none;transition:background .2s}.knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040}.switch-row input:checked+.switch{background:var(--green-2);justify-content:flex-end}.switch-row input:focus-visible+.switch{outline:2px solid var(--green-2);outline-offset:2px}.preview{text-align:center;padding:8px;background:var(--surface-2);border-radius:12px}.sources{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.sources li strong{display:block;font-weight:500;font-size:14.5px}.sources li small{color:var(--muted);font-size:12.5px}.setting-actions{display:flex;gap:10px;flex-wrap:wrap}.results{display:flex;flex-direction:column;gap:8px}.result{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.result small{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a140f61;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.sheet{position:fixed;z-index:51;left:0;right:0;bottom:0;height:min(86dvh,720px);display:flex;flex-direction:column;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 900px){.sheet{left:auto;right:28px;bottom:28px;width:420px;height:min(78dvh,680px);border-radius:26px}}.sheet-grip{width:42px;height:5px;border-radius:3px;background:var(--line);margin:10px auto 2px}.sheet-head{display:flex;align-items:center;gap:12px;padding:8px 16px 12px;border-bottom:1px solid var(--line)}.sheet-head h3{font-size:19px}.sheet-head p{font-size:12.5px;color:var(--muted)}.sheet-head>div:nth-child(2){flex:1}.guide-badge{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:#fff;flex:none}:root[data-theme=dark] .guide-badge{color:#0f1714}.chat{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.chat-empty{display:flex;flex-direction:column;gap:14px;color:var(--ink-2);padding-top:6px}.bubble-row{display:flex;flex-direction:column;gap:8px}.bubble-row.user{align-items:flex-end}.bubble{max-width:86%;padding:11px 14px;border-radius:18px;font-size:15px;line-height:1.5}.user .bubble{background:var(--green);color:#fff;border-bottom-right-radius:6px}:root[data-theme=dark] .user .bubble{color:#0f1714}.assistant .bubble{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}.bubble.crisis{background:var(--rose-soft);border-color:transparent}.bubble.typing{display:flex;gap:5px;padding:15px 16px}.bubble.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite}.bubble.typing i:nth-child(2){animation-delay:.2s}.bubble.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.pick-list{display:flex;flex-direction:column;gap:6px;width:92%}.pick{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:border-color .2s,transform .15s}.pick:hover{border-color:var(--green-2)}.pick:active{transform:scale(.98)}.pick-type{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.pick-title{flex:1;font-weight:600}.pick>svg{color:var(--green)}.composer{display:flex;align-items:flex-end;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;max-height:120px;border:1px solid var(--line);outline:0;background:var(--surface);border-radius:16px;padding:12px 14px;font-size:15.5px}.composer textarea:focus{border-color:var(--green-2)}.send{width:46px;height:46px;border-radius:15px;background:var(--green);color:#fff;display:grid;place-items:center;flex:none;transition:opacity .2s}.send:disabled{opacity:.35}:root[data-theme=dark] .send{color:#0f1714}.onboarding{min-height:100dvh;display:grid;place-items:center;padding:20px 16px;position:relative;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,var(--green-soft),var(--bg) 60%)}.ob-pattern{opacity:.08;-webkit-mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%)}.ob-card{position:relative;width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:30px 24px 22px;box-shadow:var(--shadow-lg);overflow:hidden}.ob-step{display:flex;flex-direction:column;gap:12px;min-height:340px}.ob-ayah{text-align:center;font-size:34px;color:var(--green);line-height:1.8}.ob-ayah-tr{text-align:center;color:var(--muted);font-size:13px;margin-top:-8px}.ob-step h1{font-size:40px;text-align:center;margin-top:10px;color:var(--ink)}.ob-step h2{font-size:24px;line-height:1.25}.ob-lead{font-size:16.5px;color:var(--ink-2);text-align:center;line-height:1.6}.ob-small{color:var(--muted);font-size:13.5px;text-align:center}.ob-step h2+.ob-small{text-align:left}.options{display:flex;flex-direction:column;gap:10px;margin-top:6px}.option{display:flex;align-items:center;gap:14px;text-align:left;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface-2);transition:border-color .2s,background .2s}.option.on{border-color:var(--green-2);background:var(--green-soft)}.option strong{display:block;font-weight:600}.option small{color:var(--muted);font-size:13px}.option-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;flex:none;color:#fff}.option.on .option-dot{background:var(--green-2);border-color:var(--green-2)}.ob-foot{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:12px}.dots{display:flex;gap:6px}.dots span{width:7px;height:7px;border-radius:4px;background:var(--line);transition:width .3s,background .3s}.dots span.on{width:22px;background:var(--green-2)}.ob-buttons{display:flex;gap:8px}@media (min-width: 640px){.domain-grid{grid-template-columns:repeat(4,1fr)}.routine-row{grid-template-columns:1.3fr 1fr 1fr}.routine-row>div:first-child{grid-column:auto}.story-grid{grid-template-columns:repeat(3,1fr)}.hero{padding:36px 32px 28px}.hero h1{font-size:38px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.sk-line,.eq i,.bubble.typing i{animation:none}}.add-dhikr{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font-weight:600;font-size:13.5px;transition:background .2s;flex:none}.add-dhikr.compact{padding:0;width:36px;height:36px;justify-content:center}.add-dhikr.added{background:var(--green-soft);color:var(--green)}.card-actions{display:inline-flex;gap:6px;flex:none}.surah-head-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.verse-add{position:absolute;left:2px;top:62px}.verse-add .add-dhikr.compact{width:34px;height:34px;background:transparent;color:var(--muted)}.verse-add .add-dhikr.compact.added{color:var(--green)}.dhikr-sheet{height:auto;max-height:90dvh}.sheet-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.sheet-body h4{display:flex;align-items:center;gap:6px;font-family:var(--serif);font-weight:500;font-size:17px;margin:6px 0 0}.count-chips{display:flex;flex-wrap:wrap;gap:8px}.count-chips .chip.on,.chip.on{background:var(--green);border-color:var(--green);color:#fff}:root[data-theme=dark] .chip.on{color:#0f1714}.count-input,.time-row input{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 12px;font-size:16px;width:140px}.time-list{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.time-row{display:flex;align-items:center;gap:6px}.add-time{padding:9px 14px}.reminder-status{font-size:13.5px;color:var(--ink-2);background:var(--green-soft);padding:10px 12px;border-radius:12px}.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 16px;border-top:1px solid var(--line)}.sheet-foot .btn.primary{margin-left:auto}.link-btn.danger{color:var(--danger)}.dhikr-row{align-items:center}.dhikr-row>div{flex:1}.dhikr-row>div span{display:inline-flex;align-items:center;gap:4px}.progress-dot{position:relative;width:40px;height:40px;display:grid;place-items:center;flex:none;color:var(--green)}.progress-dot>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.progress-dot .ring-bg{fill:none;stroke:var(--line);stroke-width:3.5}.progress-dot .ring{fill:none;stroke:var(--green-2);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .4s}.progress-dot.done .ring{stroke:var(--gold)}.progress-dot small{position:relative;font-size:11.5px;font-weight:700}.nudge{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--gold-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.nudge>svg:first-child{color:var(--gold);flex:none}.nudge div{flex:1}.nudge small{display:block;color:var(--gold);font-weight:600;font-size:12px}.nudge strong{font-weight:600}.dhikr-counter-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.dhikr-counter{position:relative;width:220px;height:220px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,var(--surface) 55%,var(--surface-2));box-shadow:var(--shadow)}.dhikr-counter>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.dhikr-counter .ring-bg{fill:none;stroke:var(--line);stroke-width:7}.dhikr-counter .ring{fill:none;stroke:var(--green-2);stroke-width:7;stroke-linecap:round}.dhikr-counter.done .ring{stroke:var(--gold)}.dc-num{position:relative;font-family:var(--serif);font-size:54px;font-weight:600;color:var(--green);display:flex;flex-direction:column;align-items:center;line-height:1}.dc-num small{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--muted);margin-top:6px}.dhikr-counter.done .dc-num{color:var(--gold)}.dc-hint{color:var(--muted);font-size:14px;text-align:center}.center{text-align:center}.focus-counter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 40%,var(--green-soft),var(--bg) 70%);touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}.fc-top{position:absolute;top:max(14px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.fc-title{font-family:var(--serif);font-size:17px;color:var(--ink-2);text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-btn{min-width:44px;height:44px;padding:0 12px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--ink-2);font-weight:600;font-size:14px;border:1px solid var(--line)}.fc-btn:disabled{opacity:.35}.fc-ring{position:relative;width:min(78vw,320px);aspect-ratio:1;display:grid;place-items:center}.fc-ring>svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.fc-ring .ring-bg{fill:var(--surface);stroke:var(--line);stroke-width:8}.fc-ring .ring{fill:none;stroke:var(--green-2);stroke-width:8;stroke-linecap:round}.focus-counter.done .fc-ring .ring{stroke:var(--gold)}.fc-num{position:relative;font-family:var(--serif);font-size:clamp(72px,22vw,110px);font-weight:600;color:var(--green);line-height:1;display:grid;place-items:center}.focus-counter.done .fc-num{color:var(--gold)}.fc-target{font-size:18px;font-weight:600;color:var(--ink-2);text-align:center}.fc-hint{color:var(--muted);font-size:14px}.fc-close{margin-top:6px}.ob-tagline{text-align:center;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--green);margin-top:-6px}.feel-page{align-items:center}.feel-card{width:100%;max-width:760px;padding:20px 18px 26px;display:flex;flex-direction:column;gap:22px;border-radius:28px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.feel-card .backbar{margin:0}.feel-head{text-align:center}.feel-head h1{font-family:var(--sans);font-weight:600;font-size:25px;line-height:1.25}.feel-head p{color:var(--muted);margin-top:8px}.feel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feel-tile{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 8px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink-2);font-size:14px;font-weight:500;text-align:center;transition:color .2s}.feel-tile>svg{color:var(--ink-2);transition:color .2s,transform .3s}.feel-tile.on{color:var(--lav)}.feel-tile.on>svg{color:var(--lav);transform:scale(1.08)}.feel-on{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:18px;background:var(--lav-soft);border:1.5px solid var(--lav-2)}.area-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px;margin:-8px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:999px}.area-tabs::-webkit-scrollbar{display:none}.area-tabs a{position:relative;z-index:0;flex:none;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .2s}.area-tabs a.on{color:var(--lav);font-weight:600}.area-tab-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:999px;background:var(--lav-soft)}.explore-body{display:flex;flex-direction:column;gap:30px}.kind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kind-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:16px;min-height:120px;border-radius:20px;background:var(--tint);color:var(--ink);border:1.5px solid transparent;transition:border-color .2s,box-shadow .2s,transform .2s}.kind-tile:hover{transform:translateY(-2px)}.kind-tile>svg{color:var(--tint-ink);margin-bottom:4px}.kind-tile strong{font-weight:600;font-size:15.5px}.kind-tile small{color:var(--ink-2);font-size:12.5px;line-height:1.35}.kind-tile.on{border-color:var(--tint-ink);box-shadow:var(--shadow)}.k-read{--tint: #f8e3ea;--tint-ink: #a2486a}.k-reflect{--tint: #e1ebf8;--tint-ink: #3c6597}.k-breathe{--tint: #ebe5f8;--tint-ink: #6a54b0}.k-exercise{--tint: #dff1ea;--tint-ink: #2f7a5f}.k-story{--tint: #fbeedd;--tint-ink: #9c6427}.k-moment{--tint: #e8eedf;--tint-ink: #5b7342}:root[data-theme=dark] [class*=k-],:root[data-theme=dark] [class*=a-]{--tint: var(--lav-soft);--tint-ink: var(--lav)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) [class*=k-],:root:not([data-theme=light]) [class*=a-]{--tint: var(--lav-soft);--tint-ink: var(--lav)}}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.topic-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);transition:transform .2s,border-color .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-2px);border-color:var(--tint-ink);box-shadow:var(--shadow)}.topic-card strong{font-family:var(--serif);font-weight:500;font-size:16.5px;line-height:1.25}.topic-card small{color:var(--muted);font-size:12.5px;line-height:1.4}.topic-count{position:absolute;top:14px;right:14px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--bg-2);color:var(--muted)}.topic-hero{display:flex;flex-direction:column;gap:6px}.item-list{display:flex;flex-direction:column;gap:8px}.item-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .15s}.item-row:hover{border-color:var(--tint-ink, var(--lav-2))}.item-row:active{transform:scale(.99)}.item-row>div{flex:1;min-width:0}.item-row strong{display:block;font-family:var(--serif);font-weight:500;font-size:17px}.item-row span{display:block;color:var(--ink-2);font-size:13.5px;line-height:1.4}.item-row small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.item-row>svg{color:var(--muted);flex:none}.kind-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--tint, var(--lav-soft));color:var(--tint-ink, var(--lav))}.saved-row{display:flex;align-items:center;gap:6px}.saved-row .item-row{flex:1;min-width:0}.saved-row .icon-btn{color:var(--lav)}.item-hero{padding:22px 20px;border-radius:24px;background:linear-gradient(160deg,var(--tint),var(--surface) 85%);border:1px solid var(--line)}.item-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.kind-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--surface);color:var(--tint-ink);font-size:12.5px;font-weight:600}.item-hero h1{font-size:30px;line-height:1.15}.item-hero p{color:var(--ink-2);margin-top:8px;font-size:16px}.item-intro{font-size:16.5px;line-height:1.65;color:var(--ink-2)}.item-body{display:flex;flex-direction:column;gap:16px;font-family:var(--serif);font-size:18px;line-height:1.75;color:var(--ink-2)}.item-body.moment{font-size:22px;line-height:1.6;color:var(--ink);text-align:center;padding:20px 6px}.points h3,.lesson h3{font-size:18px}.points ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.points li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2)}.points li svg{color:var(--tint-ink, var(--green));flex:none;margin-top:3px}.practical.preview li{padding:12px 14px;font-size:15px}.practical.preview+.btn{margin-top:18px;display:flex;width:fit-content;margin-inline:auto}.step-text{font-family:var(--serif);font-size:22px;line-height:1.5;color:var(--ink);margin:6px 0 4px}.journal-input{width:100%;margin-top:16px;resize:vertical;min-height:120px;border:1px solid var(--line);outline:0;background:var(--surface-2);border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.journal-input:focus{border-color:var(--lav-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--lav-2) 18%,transparent)}.small-note svg{vertical-align:-2px}.breathe-card{padding:26px 18px}.breathe{display:flex;flex-direction:column;align-items:center;gap:16px}.breathe-stage{position:relative;width:240px;height:240px;display:grid;place-items:center}.breathe-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lav-2) 45%,transparent),transparent 68%)}.breathe-circle{position:relative;width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:radial-gradient(circle at 35% 30%,var(--surface),var(--lav-soft) 70%);border:1.5px solid color-mix(in srgb,var(--lav-2) 50%,transparent);box-shadow:0 20px 50px -24px color-mix(in srgb,var(--lav) 80%,transparent);color:var(--lav)}.breathe-circle span{font-weight:600;font-size:17px;padding:0 18px}.breathe-circle b{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1}.breathe-round{color:var(--muted);font-size:13.5px}.breathe-done{text-align:center;color:var(--lav);font-weight:500;margin-top:16px}.routine-chips{display:flex;flex-wrap:wrap;gap:8px}.routine-chips .chip{gap:6px}.routine-chips .chip svg{color:var(--gold)}.routine-chips .chip.done{background:var(--green-soft);border-color:transparent;color:var(--green)}.routine-chips .chip.done svg{color:var(--green)}.reflection-list{display:flex;flex-direction:column;gap:10px}.reflection{padding:0;overflow:hidden}.reflection-head{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;text-align:left}.reflection-head>div{flex:1}.reflection-head strong{display:block;font-family:var(--serif);font-weight:500;font-size:17px}.reflection-head small{color:var(--muted);font-size:12.5px}.reflection-head>svg{color:var(--muted);transition:transform .25s}.reflection-head>svg.turned{transform:rotate(90deg)}.reflection-body{overflow:hidden;padding:0 16px}.qa{padding:12px 0;border-top:1px dashed var(--line)}.qa .q{color:var(--muted);font-size:13.5px}.qa .a{margin-top:4px;white-space:pre-wrap;color:var(--ink)}.reflection-actions{display:flex;justify-content:space-between;padding:10px 0 14px;border-top:1px dashed var(--line)}.reflection-actions .link-btn{display:inline-flex;align-items:center;gap:4px}@media (min-width: 640px){.hero{margin:0;border-radius:30px;padding:40px 24px 24px}.hero-logo span{font-size:58px}.hero h1{font-size:24px}.area-row{grid-template-columns:repeat(3,1fr)}.area-card{height:220px}.area-card-body{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding-right:46px}.area-card-body>div{display:contents}.area-card-body small{grid-column:1 / -1}.area-card-body .round-go{position:absolute;right:12px;top:12px}.feature-row{grid-template-columns:repeat(3,1fr)}.feel-grid{grid-template-columns:repeat(5,1fr)}.feel-card{padding:26px 30px 32px}.feel-head h1{font-size:30px}.kind-grid,.topic-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.feel-page{padding-top:10px}}.illustration{display:block;color:var(--tint-ink, var(--lav));overflow:visible}.illustration .ill-bg{fill:var(--tint, var(--lav-soft));stroke:none}.illustration .ill-fill{fill:currentColor;stroke:none}.illustration .ill-fill-soft{fill:color-mix(in srgb,currentColor 22%,var(--surface))}.illustration .ill-card{fill:var(--surface)}.illustration .ill-soft{fill:color-mix(in srgb,currentColor 12%,transparent);stroke:none}.illustration .ill-sun{fill:#f6c868;stroke:none}.illustration *{transform-box:fill-box;transform-origin:center}.ill-swing{transform-origin:50% 0%!important;animation:ill-swing 1.1s ease-in-out infinite alternate}.ill-swing.alt{animation-direction:alternate-reverse}.ill-slide{animation:ill-slide 1.1s linear infinite}.ill-raise{transform-origin:50% 100%!important;animation:ill-raise 2.4s ease-in-out infinite}.ill-twinkle{animation:ill-twinkle 2.2s ease-in-out infinite}.ill-twinkle.alt{animation-delay:1.1s}.ill-pulse{animation:ill-pulse 3s ease-in-out infinite}.ill-spin{animation:ill-spin 4s linear infinite}.ill-spin.slow{animation-duration:18s}.ill-draw{animation:ill-draw 3.5s ease-in-out infinite}.ill-scribble{animation:ill-scribble 1.6s ease-in-out infinite alternate}.ill-breathe{animation:ill-breathe 6s ease-in-out infinite}.ill-breathe.alt{animation-delay:.4s}.ill-beat{animation:ill-beat 1.8s ease-in-out infinite}.ill-grow{transform-origin:50% 100%!important;animation:ill-grow 4s ease-in-out infinite}.ill-bob{animation:ill-bob 1.2s ease-in-out infinite}.ill-bob.alt{animation-delay:.2s}.ill-ripple{animation:ill-ripple 2.6s ease-out infinite}.ill-ripple.alt{animation-delay:1.3s}@keyframes ill-swing{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}@keyframes ill-slide{to{stroke-dashoffset:-18}}@keyframes ill-raise{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes ill-twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes ill-pulse{0%,to{transform:scale(.92);opacity:.7}50%{transform:scale(1.06);opacity:1}}@keyframes ill-spin{to{transform:rotate(360deg)}}@keyframes ill-draw{0%{stroke-dashoffset:60}60%,to{stroke-dashoffset:0}}@keyframes ill-scribble{0%{transform:translate(-4px,2px) rotate(-4deg)}to{transform:translate(4px,-2px) rotate(4deg)}}@keyframes ill-breathe{0%,to{transform:scale(.8)}50%{transform:scale(1.08)}}@keyframes ill-beat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(.98)}45%{transform:scale(1.06)}}@keyframes ill-grow{0%{transform:scaleY(.3);opacity:.4}40%,to{transform:scaleY(1);opacity:1}}@keyframes ill-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ill-ripple{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.6);opacity:0}}@media (prefers-reduced-motion: reduce){.illustration *{animation:none!important}}.illustration.mini{width:56px;height:42px;flex:none}.illustration.mini *{animation-play-state:paused}.item-row:hover .illustration.mini *{animation-play-state:running}.item-hero-main{display:flex;align-items:center;gap:12px}.item-hero-main>div{flex:1;min-width:0}.hero-ill{width:128px;height:96px;flex:none}.topic-hero{flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px}.topic-hero>div{display:flex;flex-direction:column;gap:6px}.step-visual{display:grid;place-items:center;margin:4px 0 10px}.step-bubble{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--tint, var(--lav-soft));color:var(--tint-ink, var(--lav));box-shadow:0 0 0 10px color-mix(in srgb,var(--tint, var(--lav-soft)) 45%,transparent)}.step-ill{width:180px;height:126px}.step-card .step-text{text-align:center}.step-time{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--tint-ink, var(--lav));white-space:nowrap}.practical.preview li{align-items:center}.practical.preview .step-num{width:32px;height:32px;background:var(--tint, var(--green-soft));color:var(--tint-ink, var(--green))}.timer{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.timer-ring{position:relative;width:150px;height:150px;display:grid;place-items:center}.timer-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.timer-ring .ring-bg{fill:var(--surface-2);stroke:var(--line);stroke-width:6}.timer-ring .ring{fill:none;stroke:var(--lav);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer.done .ring{stroke:var(--gold)}.timer-ring b{position:relative;font-family:var(--serif);font-size:32px;font-weight:500;color:var(--lav);font-variant-numeric:tabular-nums}.timer.done .timer-ring b{color:var(--gold)}.timer-actions{display:flex;gap:8px}.timer-note{color:var(--muted);font-size:14px;text-align:center}.hero .feel-chips{justify-content:center;margin-top:14px;max-width:620px}.hero .feel-chips .chip{gap:6px;padding:7px 12px;font-size:13.5px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero .feel-chips .chip svg{color:var(--lav)}.hero .feel-chips .chip.on{background:var(--lav);border-color:var(--lav);color:#fff}.hero .feel-chips .chip.on svg{color:#fff}@media (max-width: 639px){.hero .feel-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-16px;padding:2px 16px;scrollbar-width:none;width:calc(100% + 32px)}.hero .feel-chips::-webkit-scrollbar{display:none}.hero .feel-chips .chip{flex:none}.hero-ill{width:96px;height:72px}}.practical.preview li>span:nth-child(2){flex:1;text-align:left}.shell:has(.player) .guide-fab{display:none}@media (max-width: 639px){.step-bubble{width:72px;height:72px}.step-bubble svg{width:32px;height:32px}.step-card .step-text{font-size:19px}.timer{margin-top:12px;gap:10px}.timer-ring{width:120px;height:120px}.timer-ring b{font-size:26px}}