:root{--bg: #f6f2ea;--bg-2: #efe8db;--surface: #fffdf8;--surface-2: #faf6ee;--ink: #1d2a24;--ink-2: #3d4a43;--muted: #6f756d;--line: #e6dece;--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: #0f1714;--bg-2: #131d19;--surface: #17221d;--surface-2: #1b2722;--ink: #ece6da;--ink-2: #cfc9bc;--muted: #9aa198;--line: #26332d;--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: #0f1714;--bg-2: #131d19;--surface: #17221d;--surface-2: #1b2722;--ink: #ece6da;--ink-2: #cfc9bc;--muted: #9aa198;--line: #26332d;--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(--green)}.tab-bg{position:absolute;top:4px;right:6px;bottom:4px;left:6px;background:var(--green-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(--green-2),var(--green));color:#fff;box-shadow:var(--shadow-lg)}: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 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{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{background:var(--green-soft);color:var(--green)}.rail-guide{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:var(--green);color:#fff;font-weight:600;box-shadow:var(--shadow)}:root[data-theme=dark] .rail-guide{color:#0f1714}.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}}.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)}.hero{position:relative;padding:26px 20px 22px;border-radius:26px;background:linear-gradient(160deg,var(--green-soft),var(--surface) 70%);border:1px solid var(--line);overflow:hidden}.hero-pattern,.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-greet{color:var(--green);font-weight:600;font-size:14px;letter-spacing:.02em}.hero h1{font-size:30px;margin:4px 0 16px}.ask{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:16px;transition:border-color .2s,box-shadow .2s}.ask:focus-within{border-color:var(--green-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--green-2) 18%,transparent)}.ask-icon{margin-left:14px;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:42px;height:42px;margin:4px;border-radius:14px;background:var(--green);color:#fff;display:grid;place-items:center;flex:none}:root[data-theme=dark] .ask button{color:#0f1714}.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}