@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-latin-400-normal-w9exIk9i.woff2)format("woff2"),url(/assets/amiri-quran-latin-400-normal-mk44s-1k.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pine:#0f3f46;--pine-deep:#0a2d32;--teal:#1e8077;--teal-2:#176a63;--mint:#e2f3ef;--mint-line:#c7e1db;--amber:#e8a22b;--amber-ink:#7a4b07;--amber-l:#fbe7be;--amber-soft:#fef4dc;--sand:#faf5ea;--paper:#f2ead8;--line:#e5d9bf;--card:#fffcf5;--ink:#12262a;--ink2:#4a5c60;--ink3:#6e7f82;--rose:#c9503f;--rose-soft:#fbeae6;--sky-subuh-a:#6f7cc0;--sky-subuh-b:#f1c3a4;--sky-siang-a:#8fc9bd;--sky-siang-b:#eef8ee;--sky-maghrib-a:#3d2050;--sky-maghrib-b:#d4683f;--sky-isya-a:#0b1240;--sky-isya-b:#25316f;--f-head:"Fraunces Variable", Georgia, "Times New Roman", serif;--f-body:"Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--f-ar:"Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", serif;--f-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--r-btn:14px;--r-input:14px;--r-card:20px;--r-sheet:26px;--sh-sm:0 1px 2px #0f3f460f;--sh-md:0 1px 2px #0f3f460f, 0 10px 24px -10px #0f3f4638;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:16px;--tab-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--fs:1}html[data-fs="1"]{--fs:1.12}html[data-fs="2"]{--fs:1.25}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;font-size:calc(16px * var(--fs))}body{font-family:var(--f-body);color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}h1,h2,h3{font-family:var(--f-head);text-wrap:balance;font-weight:600;line-height:1.18}p,li{text-wrap:pretty}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}a{color:inherit}:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;border-radius:8px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ar{font-family:var(--f-ar);direction:rtl;line-height:2.1}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink2)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--teal);font-size:.72rem;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--r-btn);-webkit-user-select:none;user-select:none;min-height:50px;transition:transform .15s var(--ease), background-color .15s, box-shadow .15s, opacity .15s;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.btn-block{width:100%}.btn-primary{background:var(--amber);color:var(--pine-deep);box-shadow:0 1px #00000014,0 8px 16px -8px #e8a22bcc}.btn-primary:hover{background:#efb043}.btn-secondary{background:var(--pine);color:#fff}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn-sm{border-radius:12px;min-height:40px;padding:0 14px;font-size:.9rem}.btn-danger{background:var(--rose-soft);color:#9a3426;border:1px solid #f0c9c0}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{margin-top:16px;display:block}.field>span{margin-bottom:7px;font-size:.875rem;font-weight:600;display:block}.input{border-radius:var(--r-input);border:1.5px solid var(--line);background:var(--card);width:100%;min-height:52px;padding:0 14px;font-size:1rem;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #1e807726}.input[aria-invalid=true]{border-color:var(--rose)}.input.mono{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase}.help{color:var(--ink2);margin-top:6px;font-size:.8rem;line-height:1.45}.error{color:var(--rose);min-height:1.2em;margin-top:12px;font-size:.875rem;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-sm)}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.75rem;font-weight:700;display:inline-flex}.pill-mint{background:var(--mint);color:var(--teal-2)}.pill-amber{background:var(--amber-l);color:var(--amber-ink)}.row-card{text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;text-decoration:none;display:flex}.row-card b{font-size:.98rem;display:block}.row-card small{color:var(--ink2);margin-top:1px;font-size:.82rem;line-height:1.4;display:block}.row-card .chev{color:var(--ink3);flex:none;margin-left:auto}.ic{background:var(--mint);width:42px;height:42px;color:var(--teal-2);border-radius:14px;flex:none;place-items:center;display:grid}.ic.amber{background:var(--amber-l);color:var(--amber-ink)}.ic.obj-ic{background:0 0;width:48px;height:48px}.obj{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;display:block}.empty-obj{filter:drop-shadow(0 10px 14px #0f3f4629)}.sky{position:absolute;inset:0;overflow:hidden}.sky[data-phase=subuh]{background:linear-gradient(180deg, var(--sky-subuh-a) 0%, #a98fb8 55%, var(--sky-subuh-b) 100%)}.sky[data-phase=siang]{background:linear-gradient(180deg, var(--sky-siang-a) 0%, #c9e7dc 55%, var(--sky-siang-b) 100%)}.sky[data-phase=maghrib]{background:linear-gradient(180deg, var(--sky-maghrib-a) 0%, #8a3c55 50%, var(--sky-maghrib-b) 100%)}.sky[data-phase=isya]{background:linear-gradient(180deg, var(--sky-isya-a) 0%, #161f55 55%, var(--sky-isya-b) 100%)}.star{opacity:.8;background:#fff;border-radius:50%;animation:3.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.95}}.hero{color:#fff;isolation:isolate;padding:calc(var(--safe-t) + 18px) var(--gutter) 46px;position:relative;overflow:hidden}.hero[data-tone=light]{color:var(--pine-deep)}.hero-top{z-index:2;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.hero-top small{opacity:.8;font-size:.85rem}.hero-top h1{margin-top:2px;font-size:1.7rem}.icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:44px;height:44px;color:inherit;background:#ffffff2e;border:1px solid #ffffff47;border-radius:14px;place-items:center;text-decoration:none;display:grid}.hero[data-tone=light] .icon-btn{background:#ffffff8c;border-color:#0f3f4626}.stage{z-index:1;width:min(88vw,400px);margin:6px auto 0;position:relative}.hero-cap{z-index:2;text-align:center;margin-top:4px;position:relative}.sky-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.hero[data-tone=light] .sky-pill{background:#fff9;border-color:#0f3f4626}.hero-status{font-family:var(--f-head);margin-top:12px;font-size:1.28rem;font-weight:600}.hero-status small{font-family:var(--f-body);opacity:.85;margin-top:2px;font-size:.88rem;font-weight:500;display:block}.sheet-top{z-index:3;background:var(--sand);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:22px var(--gutter) 28px;margin-top:-26px;position:relative;box-shadow:0 -12px 28px -14px #0a2d3247}.sheet-in{max-width:720px;margin:0 auto}.isle{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.isle-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateX(var(--fx,0px));transition:transform .7s var(--ease);position:absolute;inset:0}.isle-bob{animation:7s ease-in-out infinite bob;position:absolute;inset:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.isle-layer{object-fit:contain;filter:drop-shadow(0 16px 16px #0003);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.isle-on{opacity:0;transition:opacity .9s var(--ease)}.isle.is-lit .isle-on{opacity:1}.isle-fx{pointer-events:none;position:absolute;inset:0}.lamp-glow{aspect-ratio:1;mix-blend-mode:screen;width:15%;animation:glow-in .9s var(--ease) both, glow 3.4s ease-in-out .9s infinite;background:radial-gradient(circle,#ffd88799,#ffb65233 42%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.lamp-glow:nth-child(2){animation-delay:0s,-1.3s}.lamp-glow.main{width:21%;animation-delay:0s,-2.2s}@keyframes glow-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@keyframes glow{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(.94)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.firefly{opacity:0;background:#ffeaa8;border-radius:50%;width:4px;height:4px;margin:-2px;animation:7s ease-in-out infinite firefly;position:absolute;box-shadow:0 0 6px 2px #ffd678a6}@keyframes firefly{0%{opacity:0;transform:translate(0)}20%{opacity:.9}50%{opacity:.35;transform:translate(var(--dx), -16px)}80%{opacity:.9}to{opacity:0;transform:translate(calc(var(--dx) * -.5), -32px)}}.isle-shadow{z-index:-1;background:radial-gradient(closest-side,#0000004d,#0000);border-radius:50%;height:7%;animation:7s ease-in-out infinite isle-shadow;position:absolute;bottom:-3%;left:24%;right:24%}@keyframes isle-shadow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.hero[data-tone=light] .isle-shadow{opacity:.45}.ayat-card{background:linear-gradient(180deg, var(--card), #fbf3de);padding:18px 18px 16px}.ayat-card .meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.ayat-card .ar{text-align:right;color:var(--pine-deep);margin:12px 0 4px;font-size:1.7rem}.ayat-card .tr{color:var(--ink2);font-size:.95rem}.ayat-card .src{color:var(--amber-ink);margin-top:8px;font-size:.78rem;font-weight:700}.ayat-card .credit{color:var(--ink2);margin-top:2px;font-size:.72rem}.ayat-card .btn{margin-top:14px}.cta-sub{text-align:center;color:var(--ink2);margin-top:8px;font-size:.8rem}.sample-tag{color:#7a5b00;background:#fff3cd;border:1px dashed #d9b84a;border-radius:6px;margin-top:10px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.pijakan{margin-top:12px;padding:16px}.pijakan .head{justify-content:space-between;align-items:baseline;display:flex}.pijakan .big{font-family:var(--f-head);font-size:1.9rem;font-weight:600;line-height:1}.pijakan .big small{font-family:var(--f-body);color:var(--ink2);margin-left:6px;font-size:.8rem;font-weight:600}.stones{grid-template-columns:repeat(15,1fr);gap:5px;margin-top:14px;display:grid}.stones i{aspect-ratio:2;background:var(--line);border-radius:50%}.stones i.on{background:var(--amber);box-shadow:0 0 0 2px var(--amber-l)}.stones i.next{background:var(--amber-l);border:1.5px dashed var(--amber)}.pijakan .note{color:var(--ink2);margin-top:12px;font-size:.84rem}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.stat{padding:14px}.stat b{font-family:var(--f-head);font-size:1.5rem;display:block}.stat span{color:var(--ink2);font-size:.8rem}.sec-h{justify-content:space-between;align-items:center;margin:22px 0 8px;display:flex}.sec-h h2{font-size:1.1rem}.sec-h a{color:var(--teal-2);font-size:.85rem;font-weight:700;text-decoration:none}.rasa{margin:0 calc(var(--gutter) * -1);padding:2px 2px 8px;padding-inline:var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.rasa::-webkit-scrollbar{display:none}.rasa a{background:var(--card);border:1px solid var(--line);border-radius:999px;flex:none;align-items:center;gap:6px;min-height:46px;padding:0 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.rasa a .obj{margin-left:-6px}.stack{gap:10px;display:grid}.splash{background:var(--sand);place-items:center;min-height:100dvh;display:grid}.login{background:var(--sand);flex-direction:column;min-height:100dvh;display:flex}.login .hero{padding-bottom:38px}.login-brand{z-index:2;font-family:var(--f-head);justify-content:center;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;display:flex;position:relative}.login-brand .mark{background:#ffffff29;border:1px solid #ffffff4d;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.login .stage{width:min(64vw,270px);margin-top:8px}.login-sheet{width:100%;max-width:480px;padding:22px var(--gutter) calc(28px + var(--safe-b));flex:1;margin:0 auto}.login-sheet h1{font-size:1.7rem}.login-sheet h1 em{color:var(--teal-2);font-style:italic}.foot{text-align:center;color:var(--ink2);margin-top:18px;font-size:.85rem}.consent{max-width:520px;padding:calc(var(--safe-t) + 28px) var(--gutter) calc(32px + var(--safe-b));min-height:100dvh;margin:0 auto}.consent h1{font-size:1.8rem}.points{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.points li{gap:12px;padding:14px 16px;display:flex}.points .ic{border-radius:12px;width:38px;height:38px}.points b{font-size:.95rem;display:block}.points span{color:var(--ink2);font-size:.86rem}.legal-links{flex-wrap:wrap;gap:8px 16px;margin:14px 0 18px;font-size:.9rem;display:flex}.legal-links a{color:var(--teal-2);font-weight:700}.empty{text-align:center;justify-items:center;gap:10px;padding:56px 24px;display:grid}.empty .ic{border-radius:22px;width:64px;height:64px}.empty h2{margin-top:6px;font-size:1.3rem}.empty p{color:var(--ink2);max-width:32ch}.legal{max-width:640px;padding:calc(var(--safe-t) + 20px) var(--gutter) 48px;margin:0 auto}.legal h1{margin:12px 0 6px;font-size:1.7rem}.legal h2{font-size:1.1rem;font-family:var(--f-body);margin:22px 0 6px;font-weight:700}.legal p,.legal li{color:var(--ink2);font-size:.95rem}.legal ul{gap:6px;padding-left:20px;display:grid}.draft-banner{color:#6b4e00;background:#fff3cd;border:1px dashed #d9b84a;border-radius:12px;padding:10px 14px;font-size:.85rem;font-weight:600}.back{color:var(--teal-2);align-items:center;gap:4px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.page{max-width:640px;padding:calc(var(--safe-t) + 20px) var(--gutter) 28px;margin:0 auto}.page>h1{margin-bottom:14px;font-size:1.7rem}.profile{align-items:center;gap:14px;padding:16px;display:flex}.avatar{background:var(--pine);color:#fff;width:52px;height:52px;font-family:var(--f-head);border-radius:18px;flex:none;place-items:center;font-size:1.4rem;display:grid}.profile b{word-break:break-all;display:block}.section-t{font-family:var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin:22px 0 8px;font-size:.78rem;font-weight:700}.seg{background:var(--paper);border-radius:16px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.seg button{min-height:48px;color:var(--ink2);border-radius:12px;place-items:center;font-weight:700;line-height:1.1;display:grid}.seg button[aria-pressed=true]{background:var(--card);color:var(--pine);box-shadow:var(--sh-sm)}.set-row{align-items:center;gap:14px;padding:14px 16px;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.switch{background:var(--line);border-radius:999px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";width:26px;height:26px;box-shadow:var(--sh-sm);transition:transform .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--teal)}.switch[aria-checked=true]:after{transform:translate(20px)}.src-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:2px;align-items:center;gap:4px;display:inline-flex}.src-link:hover{text-decoration-color:currentColor}.src-link svg{opacity:.7;flex:none}.set-src{flex:1;font-size:.92rem;font-weight:700;line-height:1.4}.settings .profile small{overflow-wrap:anywhere;display:block}.set-note{margin:8px 4px 0}.link-btn{min-height:0;color:var(--teal-2);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.set-danger{min-height:44px;color:var(--rose);margin:18px auto 0;font-size:.9rem;display:block}.faq details{padding:0 16px}.faq details+details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;align-items:center;min-height:52px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--teal-2);margin-left:auto;font-size:1.2rem}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink2);padding:0 0 14px;line-height:1.55}.bt-form{padding:16px}.bt-form fieldset{border:0;margin:0;padding:0}.bt-form legend{margin-bottom:8px;font-size:.875rem;font-weight:600}.bt-cats{flex-wrap:wrap;gap:8px;display:flex}.bt-msg{resize:vertical;min-height:140px;padding:12px 14px;line-height:1.5}.bt-done{gap:10px;padding:18px;display:grid}.bt-done h3{color:var(--pine-deep);font-size:1.15rem}.bt-done p{line-height:1.55}.garden{margin:14px 0 18px;padding:0;overflow:hidden}.garden-sky{background:radial-gradient(120% 90% at 50% 15%,#2b3480 0%,#141b4d 62%,#0e1438 100%);padding:8px 6% 0}.garden-sky img{aspect-ratio:1;width:100%;height:auto;display:block}.garden-body{padding:16px 18px 18px}.garden-body h2{margin-top:4px}.garden-num{color:var(--ink2);margin-top:8px;font-size:.92rem}.garden-num b{color:var(--ink);font-size:1.05rem}.garden-fine{margin-top:8px;font-size:.8rem}.app{min-height:100dvh}.view{padding-bottom:calc(var(--tab-h) + var(--safe-b) + 12px)}.tabbar{z-index:50;padding:6px 6px calc(6px + var(--safe-b));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffcf5f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{max-width:96px;min-height:52px;color:var(--ink3);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.7rem;font-weight:700;text-decoration:none;display:flex;position:relative}.tabbar .tab-ic{filter:saturate(.55)opacity(.8);width:28px;height:28px;transition:filter .2s,transform .2s}.tabbar a:hover .tab-ic{filter:saturate(.85)opacity(.95)}.tabbar a[aria-current=page]{color:var(--pine)}.tabbar a[aria-current=page]:before{content:"";background:var(--amber);border-radius:3px;width:28px;height:3px;position:absolute;top:-7px}.tabbar a[aria-current=page] .tab-ic{filter:none;transform:translateY(-1px)scale(1.1)}.side-brand{display:none}.side-brand img{border-radius:9px}.side-note{display:none}@media (width>=1024px){.app{grid-template-columns:248px 1fr;display:grid}.tabbar{border-top:0;border-right:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;height:100dvh;padding:22px 14px;position:sticky;top:0}.tabbar a{flex-direction:row;flex:none;justify-content:flex-start;gap:12px;max-width:none;min-height:48px;padding:0 14px;font-size:.95rem}.tabbar a[aria-current=page]{background:var(--mint)}.tabbar a[aria-current=page]:before{display:none}.view{padding-bottom:32px}.side-brand{font-family:var(--f-head);color:var(--pine);align-items:center;gap:10px;padding:4px 14px 18px;font-size:1.25rem;font-weight:600;display:flex}.side-note{color:var(--ink3);margin-top:auto;padding:14px;font-size:.75rem;display:block}.hero{padding-inline:40px}.hero-top,.page{max-width:720px;margin-inline:auto}}.audio-pill{background:var(--mint);min-height:44px;color:var(--teal-2);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 15px;font-size:.85rem;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.audio-pill.on{background:var(--teal);color:#fff}.audio-pill.on-dark{color:#fff;background:#ffffff29;border:1px solid #ffffff47}.audio-pill.on-dark.on{background:var(--amber);color:var(--pine-deep);border-color:var(--amber)}.audio-pill.compact{justify-content:center;width:46px;min-height:46px;padding:0}.sheet-backdrop{z-index:80;animation:fade-in .22s var(--ease);background:#0a2d3273;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border-radius:var(--r-sheet) var(--r-sheet) 0 0;width:100%;max-width:560px;max-height:88dvh;padding:8px 20px calc(20px + var(--safe-b));box-shadow:var(--sh-md);animation:sheet-up .22s var(--ease);overflow-y:auto}.sheet:focus{outline:none}.grabber{background:var(--line);border-radius:3px;width:42px;height:5px;margin:4px auto 6px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{font-size:1.1rem}.icon-btn.plain{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);border-color:#0000}@keyframes sheet-up{0%{opacity:0;transform:translateY(28px)}}@keyframes fade-in{0%{opacity:0}}@media (width>=1024px){.sheet-backdrop{align-items:center}.sheet{border-radius:var(--r-sheet)}}.toast-slot{left:0;right:0;bottom:calc(var(--tab-h) + var(--safe-b) + 92px);z-index:60;padding:0 var(--gutter);pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{background:var(--pine-deep);color:#fff;box-shadow:var(--sh-md);animation:fade-in .22s var(--ease);border-radius:14px;padding:10px 16px;font-size:.88rem;font-weight:600}.acc{overflow:hidden}.acc>*+*,.acc-group>*+*{border-top:1px solid var(--line)}.acc summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";color:var(--teal-2);flex:none;font-size:1.25rem;line-height:1}.acc details[open]>summary:after{content:"−"}.acc details>:not(summary){padding:0 16px}.acc details>:last-child:not(summary){padding-bottom:16px}.acc-eyebrow{letter-spacing:.04em;padding:14px 16px 2px;line-height:1.4}.acc-part+.acc-part{margin-top:10px}.acc-part b{color:var(--teal-2);margin-bottom:2px;font-size:.82rem;display:block}.prose{white-space:pre-line;line-height:1.65}.credit{color:var(--ink2);font-size:.72rem}.note-card{padding:16px}.note-card p{margin-top:4px}.ayat{max-width:720px;margin:0 auto}.ayat-head{color:#fff;background:linear-gradient(180deg, var(--pine-deep), var(--pine));padding:calc(var(--safe-t) + 12px) var(--gutter) 12px;border-radius:0 0 var(--r-sheet) var(--r-sheet)}.ayat-bar{align-items:center;gap:12px;display:flex}.ayat-ttl{flex:1;min-width:0}.ayat-ttl small{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;display:block;overflow:hidden}.ayat-ttl h1{font-size:1.22rem}.stepper{margin-top:12px}.stepper ol{grid-template-columns:repeat(4,1fr);gap:4px;padding:0;list-style:none;display:grid}.stepper a{color:#ffffffbf;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.stepper .dot{background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.78rem;transition:background-color .15s;display:grid}.stepper li.on a{color:#fff}.stepper li.on .dot{background:var(--amber);border-color:var(--amber);color:var(--pine-deep)}.stepper li.done .dot{background:var(--teal);border-color:var(--teal);color:#fff}.stepper .track{background:#ffffff24;border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.stepper .track i{background:var(--amber);height:100%;transition:width .4s var(--ease);border-radius:4px;display:block}.ayat-body{padding:16px var(--gutter) 0}.ayat-body>*+*{margin-top:12px}.ayat-body>.credit{margin-top:8px}.step-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step-hint{color:var(--ink2);font-size:.92rem}.mini-switch{color:var(--ink2);flex:none;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.cta-bar{z-index:20;bottom:calc(var(--tab-h) + var(--safe-b));margin-inline:calc(var(--gutter) * -1);padding:18px var(--gutter) 12px;background:linear-gradient(180deg, #faf5ea00, var(--sand) 30%);position:sticky}.ayat-body>.cta-bar{margin-top:6px}.cta-note{text-align:center;color:var(--ink2);margin-bottom:8px;font-size:.85rem}@media (width>=1024px){.ayat{padding-top:20px}.ayat-head{border-radius:var(--r-sheet);padding-inline:20px}.ayat-body{padding-inline:0}.cta-bar{margin-inline:0;padding-inline:0;bottom:0}.toast-slot{bottom:104px}}.verse{padding:16px}.verse-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.verse-ar{text-align:right;color:var(--pine-deep);margin-top:10px;font-size:1.95rem;line-height:2.25}.verse-ar .end{color:var(--amber-ink);font-size:.9em}.lat{color:var(--teal-2);margin-top:4px;font-size:.92rem;font-style:italic}.verse .tr{margin-top:10px}.fn-mark{color:var(--amber-ink);margin-left:1px;font-size:.68em;font-weight:700}.fn{border-top:1px dashed var(--line);color:var(--ink2);white-space:pre-line;margin-top:10px;padding-top:10px;font-size:.8rem}.words-progress{padding:14px 16px}.words-progress>div:first-child{color:var(--ink2);justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.words-progress b{color:var(--ink)}.bar{background:var(--paper);border-radius:6px;height:6px;margin-top:8px;overflow:hidden}.bar i{background:var(--teal);height:100%;transition:width .3s var(--ease);border-radius:6px;display:block}.words-card{padding:14px}.words{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.word{border:1.5px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:68px;min-height:68px;padding:4px 12px 8px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.word:hover{border-color:var(--mint-line)}.word .ar{color:var(--pine-deep);font-size:1.6rem;line-height:2.2}.word small{color:var(--ink2);text-align:center;max-width:13ch;margin-top:2px;font-size:.74rem;line-height:1.25}.word.seen{background:var(--mint);border-color:var(--mint-line)}.word.key:before{content:"";background:var(--amber);width:8px;height:8px;box-shadow:0 0 0 3px var(--amber-l);border-radius:50%;position:absolute;top:7px;left:7px}.word .seen-ic{color:var(--teal);position:absolute;top:6px;right:6px}.sheet-ar{text-align:center;color:var(--pine-deep);margin-top:4px;font-size:2.6rem}.arti{text-align:center;font-family:var(--f-head);margin:4px 0 12px;font-size:1.35rem;font-weight:600}.key-note{background:var(--amber-soft);border-radius:14px;margin-top:14px;padding:12px 14px}.key-note p{margin-top:6px;font-size:.9rem}.sheet .help{margin-top:12px}.sheet-nav{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.sheet-nav .btn{min-height:46px}.sheet .credit{margin-top:12px}.prose-card{padding:16px}.prose-card h2{margin-bottom:6px;font-size:1.05rem}.card-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.card-h h2{margin-bottom:0}.prose-card .src{color:var(--amber-ink);margin-top:8px;font-size:.78rem;font-weight:700}.key-word{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.key-word .ar{color:var(--pine-deep);font-size:1.8rem}.key-word span:last-child{color:var(--ink2);font-weight:600}.ayat-body .section-t{margin:20px 0 8px}.check-card{cursor:pointer;align-items:flex-start;gap:14px;padding:16px;transition:background-color .15s,border-color .15s;display:flex}.check-card input{width:24px;height:24px;accent-color:var(--teal);flex:none;margin-top:2px}.check-card b{display:block}.check-card span span{color:var(--ink2);margin-top:2px;font-size:.92rem;display:block}.check-card:has(input:checked){background:var(--mint);border-color:var(--mint-line)}.journal{padding:16px}.journal-l{margin-bottom:8px;font-weight:700;display:block}.textarea{resize:vertical;min-height:132px;padding:12px 14px;line-height:1.5;display:block}.save-row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:6px;display:flex}.save-row .help{margin-top:0}.save-st{color:var(--ink2);white-space:nowrap;font-size:.8rem;font-weight:700}.save-st.saved{color:var(--teal-2)}.save-st.error{color:var(--rose);white-space:normal;text-align:right}.save-st button{color:var(--teal-2);min-height:32px;font-weight:700;text-decoration:underline}.celebrate{z-index:100;isolation:isolate;padding:calc(var(--safe-t) + 24px) var(--gutter) calc(var(--safe-b) + 24px);color:#fff;text-align:center;animation:fade-in .3s var(--ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cel-stage{z-index:1;width:min(84vw,380px);position:relative}.celebrate .island{transition:filter .9s var(--ease)}.celebrate[data-stage="0"] .island{filter:brightness(.6)}.sparks{pointer-events:none;width:0;height:0;position:absolute}.bloom{width:240px;height:240px;animation:bloom 1.4s var(--ease) forwards;background:radial-gradient(circle,#ffe296d9,#ffbe5a40 45%,#0000 70%);border-radius:50%;position:absolute;top:-120px;left:-120px}.spark{opacity:0;width:6px;height:6px;animation:spark 1.1s var(--ease) forwards;background:#ffe08a;border-radius:50%;margin:-3px;position:absolute;box-shadow:0 0 8px #ffcf6a}@keyframes bloom{0%{opacity:0;transform:scale(.2)}40%{opacity:1}to{opacity:.3;transform:scale(1.4)}}@keyframes spark{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.cel-text{z-index:2;opacity:0;max-width:380px;transition:opacity .5s var(--ease), transform .5s var(--ease);margin-top:4px;position:relative;transform:translateY(10px)}.cel-text.show{opacity:1;transform:none}.cel-text h2{font-size:1.7rem}.cel-text p{opacity:.92;margin-top:6px}.cel-text .cel-note{opacity:.75;font-size:.88rem}.cel-text .btn{min-width:240px;margin-top:18px}.cel-skip{z-index:3;top:calc(var(--safe-t) + 16px);right:var(--gutter);color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;min-height:44px;padding:0 18px;font-weight:700;position:absolute}.quran-home .continue small{color:var(--amber-ink);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700;display:block}.quran-home .continue{margin-bottom:12px}.search{display:block;position:relative}.search svg{color:var(--ink3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{padding-left:42px}.popular{margin-top:10px}.surah-list{margin-top:12px;padding:4px 0;list-style:none}.surah-list li+li{border-top:1px solid var(--line)}.surah-row{align-items:center;gap:14px;min-height:64px;padding:10px 16px;text-decoration:none;display:flex}.surah-row:hover{background:var(--amber-soft)}.sn{width:36px;height:36px;color:var(--teal-2);flex:none;place-items:center;font-size:.82rem;font-weight:700;display:grid;position:relative}.sn:before{content:"";border:1.5px solid var(--mint-line);background:var(--mint);z-index:-1;border-radius:8px;position:absolute;inset:4px;transform:rotate(45deg)}.sn{isolation:isolate}.st{flex:1;min-width:0}.st b{font-size:.98rem;display:block}.st small{color:var(--ink2);font-size:.8rem;display:block}.sa{color:var(--pine);flex:none;font-size:1.35rem;line-height:1.6}.reader{max-width:720px;padding:0 var(--gutter) 24px;margin:0 auto}.reader-bar{z-index:30;margin:0 calc(var(--gutter) * -1);padding:calc(var(--safe-t) + 10px) var(--gutter) 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#faf5eaf0;align-items:center;gap:10px;display:flex;position:sticky;top:0}.rb-t{text-align:center;flex:1;min-width:0}.rb-t b{font-family:var(--f-head);white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:600;display:block;overflow:hidden}.rb-t small{color:var(--ink2);font-size:.75rem;display:block}.surah-banner{text-align:center;color:#fff;background:linear-gradient(160deg, var(--pine-deep), var(--teal-2));border:0;margin-top:14px;padding:18px 16px}.surah-banner .ar{color:var(--amber-l);font-size:2.2rem;line-height:1.8}.surah-banner h1{font-size:1.5rem}.surah-banner .muted{color:#fffc;margin-top:2px}.surah-banner .btn{color:#fff;background:#ffffff24;border:1px solid #ffffff4d;margin-top:12px}.bismillah{text-align:center;margin:18px 0 6px}.bismillah .ar{font-size:calc(var(--ar,1.95rem) * 1.05);color:var(--pine-deep)}.bismillah .muted{font-size:.85rem}.load-more,.r-list{margin-top:12px}.r-verse{transition:box-shadow .3s var(--ease), border-color .3s;scroll-margin-top:84px}.r-verse .verse-ar{font-size:var(--ar,1.95rem)}.r-verse.playing{border-color:var(--teal);box-shadow:0 0 0 3px #1e807726}.r-verse.flash{border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-l)}.v-actions{align-items:center;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--card);min-height:40px;color:var(--ink2);border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:700}.chip-btn[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:#fff}.r-verse .audio-pill.compact{width:40px;min-height:40px}.r-verse .words{margin:4px 0 6px}.wajiz{border-top:1px dashed var(--line);margin-top:10px}.wajiz summary{min-height:44px;color:var(--teal-2);cursor:pointer;align-items:center;font-size:.88rem;font-weight:700;list-style:none;display:flex}.wajiz summary::-webkit-details-marker{display:none}.wajiz summary:after{content:"+";margin-left:8px}.wajiz[open] summary:after{content:"−"}.wajiz .prose{color:var(--ink2);font-size:.92rem}.surah-end{text-align:center;gap:10px;margin-top:22px;display:grid}.surah-end .row-card{text-align:left}.surah-end small{color:var(--ink2);font-size:.75rem;display:block}@media (width>=1024px){.reader-bar{border-radius:0 0 16px 16px;margin:0}}.onb .section-t{margin-top:26px}.choices{gap:10px;display:grid}.choice,.tile{cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s;position:relative}.choice{align-items:center;gap:14px;padding:14px 46px 14px 14px;display:flex}.choice-t b{font-size:1rem;display:block}.choice-t small{color:var(--ink2);margin-top:2px;font-size:.84rem;line-height:1.4;display:block}:is(.choice:has(input:checked),.tile:has(input:checked)){border-color:var(--teal);background:var(--mint);box-shadow:inset 0 0 0 1px var(--teal)}:is(.choice:has(input:focus-visible),.tile:has(input:focus-visible),.seg-opt:has(input:focus-visible)){outline:2.5px solid var(--teal);outline-offset:2px}.tick{background:var(--teal);color:#fff;opacity:0;width:24px;height:24px;transition:opacity .15s, transform .15s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:scale(.6)}.choice .tick{margin-top:-12px;top:50%}:has(>input:checked)>.tick{opacity:1;transform:none}fieldset.q{border:0;min-width:0;margin:26px 0 0;padding:0}fieldset.q legend{margin:0 0 10px;padding:0}.q-hint{text-transform:none;letter-spacing:0;color:var(--ink3);font-weight:600}.tiles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.tiles>.tile:last-child:nth-child(odd){flex-direction:row;grid-column:1/-1;min-height:72px}@media (width>=480px){.tiles{grid-template-columns:repeat(3,1fr)}.tiles>.tile:last-child:nth-child(odd){flex-direction:column;grid-column:auto;min-height:108px}}.tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:108px;padding:12px 8px 10px;font-size:.86rem;font-weight:700;line-height:1.25;display:flex}.tile .tick{width:20px;height:20px;top:8px;right:8px}.tile[data-off]{opacity:.45;cursor:not-allowed}.seg-opt{min-height:48px;color:var(--ink2);cursor:pointer;border-radius:12px;place-items:center;font-weight:700;display:grid}.seg-opt:has(input:checked){background:var(--card);color:var(--pine);box-shadow:var(--sh-sm)}.time-row{gap:8px}.time-row label{margin-right:4px;font-weight:700}.time-row select.input{font-variant-numeric:tabular-nums;width:auto;min-height:46px;padding:0 10px;font-weight:700}.steps{gap:8px;margin:12px 0 0;padding-left:20px;display:grid}.steps svg{vertical-align:-3px}.onb-done-obj{margin:24px auto 0}.onb-done-obj+h1{text-align:center}.plan-sum{gap:6px;margin-top:16px;padding:14px 16px;display:grid}.pg-filter{margin-top:14px}.pg-filter a[aria-current=page]{background:var(--pine);border-color:var(--pine);color:#fff}.pg-mini{border-radius:var(--r-card);color:var(--ink);box-shadow:var(--sh-sm);transition:transform .15s var(--ease), box-shadow .15s;border:1px solid #0f3f460f;align-items:center;gap:12px;padding:14px 12px 14px 16px;text-decoration:none;display:flex}.pg-mini:active{transform:scale(.98)}.pg-mini:hover{box-shadow:var(--sh-md,var(--sh-sm))}.pg-mini-t{flex:1;min-width:0}.pg-mini-t b{font-size:1rem;line-height:1.3;display:block}.pg-mini-t small{color:var(--ink2);margin-top:3px;font-size:.84rem;line-height:1.4;display:block}.pg-ref{color:var(--amber-ink);margin-top:6px;font-size:.74rem;font-weight:700;display:inline-block}.pg-mini.today{margin-top:16px;padding:18px 14px 18px 18px}.pg-mini.today b{margin-top:4px;font-size:1.12rem}.pg-mini.skel{background:var(--paper);height:96px;box-shadow:none}.pg-home section .section-t{margin-top:24px}.pg-hero{padding:calc(var(--safe-t) + 10px) var(--gutter) 22px}.pg-hero .back{color:var(--pine)}.pg-hero-in{align-items:flex-end;gap:10px;max-width:720px;margin:6px auto 0;display:flex}.pg-hero-in>div{flex:1;min-width:0}.pg-hero h1{color:var(--pine-deep);margin-top:8px;font-size:1.6rem;line-height:1.2}.pg-rasa{color:var(--pine);background:#ffffffa6}.pg-ringkas{color:var(--ink2);margin-top:6px}.pg-body{padding-top:14px}.pg-draft,.pg-note{border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.84rem;line-height:1.45;display:flex}.pg-draft{background:var(--amber-l);color:var(--amber-ink);margin-bottom:12px;font-weight:600}.pg-note{background:var(--mint);color:var(--teal-2);margin-top:12px}.pg-draft svg,.pg-note svg{flex:none;margin-top:2px}.pg-sec{margin-top:12px;padding:16px}.pg-sec h2{margin-bottom:6px;font-size:1.05rem}.pg-sec .section-t{margin:0 0 2px}.pg-sec p{line-height:1.6}.pg-ayat .verse-ar{margin-top:4px}.pg-tr{border-left:3px solid var(--mint-line);margin-top:8px;padding-left:12px;font-size:1.02rem}.pg-ref-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.pg-ref-row .pg-ref{margin-top:0}.pg-ref.src-link{display:inline-flex}.pg-src{color:var(--amber-ink);margin-top:8px;font-size:.78rem;font-weight:700}.pg-hadis{margin:8px 0 0}.pg-hadis+.pg-hadis{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.pg-hadis blockquote{margin:8px 0 0;line-height:1.6}.pg-hadis figcaption{color:var(--ink2);gap:3px;margin-top:8px;font-size:.76rem;display:grid}.pg-hadis figcaption a{color:var(--teal-2);font-weight:700}.pg-teman{border-radius:var(--r-card);background:var(--paper);align-items:flex-start;gap:10px;margin-top:12px;padding:14px 16px;line-height:1.5;display:flex}.pg-teman svg{color:var(--teal);flex:none;margin-top:2px}.pg-steps{counter-reset:s;gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pg-steps li{counter-increment:s;padding-left:40px;line-height:1.55;position:relative}.pg-steps li:before{content:counter(s);background:var(--mint);width:28px;height:28px;color:var(--teal-2);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:0;left:0}.pg-when{letter-spacing:.06em;text-transform:uppercase;color:var(--teal-2);font-size:.74rem;font-weight:800;display:block}@media (width>=1024px){.pg-hero{padding-inline:40px;padding-top:22px}.pg-hero .back{max-width:720px;margin-inline:auto;display:flex}}.mt-page{height:calc(100dvh - var(--tab-h) - var(--safe-b) - 12px);position:relative}.mt-top{z-index:5;padding:calc(var(--safe-t) + 12px) var(--gutter) 10px;background:linear-gradient(180deg, var(--sand) 72%, #faf5ea00);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.mt-top>div{flex:1;min-width:0}.mt-top h1{font-size:1.45rem;line-height:1.1}.mt-drops{align-items:center;gap:6px;min-height:14px;margin-top:6px;display:inline-flex}.mt-drops i{background:var(--line);border-radius:50%;width:10px;height:10px;transition:background .2s,box-shadow .2s}.mt-drops i.on{background:var(--teal);box-shadow:0 0 0 3px var(--mint)}.mt-bonus{color:var(--amber-ink);background:var(--amber-l);border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:800}.mt-feed{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100%;position:relative;overflow-y:auto}.mt-feed::-webkit-scrollbar{display:none}.mt-card{box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;min-height:100%;padding:calc(var(--safe-t) + 78px) var(--gutter) 10px;display:flex}.mt-in{border-radius:var(--r-card);width:100%;max-width:560px;box-shadow:var(--sh-sm);border:1px solid #0f3f4612;flex-direction:column;flex:1;margin:0 auto;padding:18px 18px 14px;display:flex}.mt-in.skel{background:var(--paper);box-shadow:none}.mt-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.mt-readpill{color:var(--teal-2);background:#ffffffb3;margin-left:auto}.mt-body{flex:1}.mt-body p{line-height:1.6}.mt-in .credit{margin-top:12px}.mt-actions{gap:8px;margin-top:14px;display:flex}.mt-actions .btn{background:#ffffffbf;flex:1}.mt-actions .btn[aria-pressed=true]{color:var(--teal-2);border-color:var(--mint-line)}.mt-h{color:var(--pine-deep);margin:2px 0 8px;font-size:1.12rem;line-height:1.35}.mt-tafsir,.mt-contoh{background:#ffffff9e;border-radius:14px;margin-top:12px;padding:12px 14px}.mt-tafsir h3,.mt-contoh h3{font-family:var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--teal-2);margin-bottom:4px;font-size:.72rem;font-weight:800}.mt-tafsir p{font-size:.93rem}.mt-hadis{margin:0}.mt-hadis blockquote{margin:10px 0 0;line-height:1.65}.mt-hadis figcaption{color:var(--ink2);gap:3px;margin-top:10px;font-size:.76rem;display:grid}.mt-hadis figcaption a{color:var(--teal-2);font-weight:700}.mt-word{text-align:center;justify-items:center;gap:2px;padding:6px 0 2px;display:grid}.mt-word .ar{font-size:calc(2.7rem * var(--fs));color:var(--pine-deep);line-height:1.8}.mt-arti{font-family:var(--f-head);color:var(--ink);margin:2px 0 10px;font-size:1.5rem;line-height:1.25}.mt-count{text-align:center;color:var(--ink2);margin-top:10px}.mt-count b{color:var(--ink)}.mt-contoh .ar{font-size:calc(1.5rem * var(--fs));text-align:right;color:var(--pine-deep);line-height:2.1}.mt-contoh mark{background:var(--amber-l);color:inherit;border-radius:6px;padding:0 4px}.mt-src{margin-top:8px}.mt-step{margin-top:12px;line-height:1.55}.mt-open{align-self:flex-start;margin-top:14px}.mt-enough .mt-in{background:var(--card);text-align:center;justify-content:center;align-items:center;gap:10px}.mt-enough h2{color:var(--pine-deep);font-size:1.4rem}.mt-enough p{max-width:34ch;color:var(--ink2);line-height:1.6}.mt-enough .btn{max-width:320px}.mt-enough .help{margin-top:0}.mt-filter{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.kt-card{border-radius:var(--r-card);border:1px solid #0f3f4612;padding:16px}.kt-del{width:40px;height:40px;margin-left:auto}.kt-undo{pointer-events:auto;align-items:center;gap:12px;display:flex}.kt-undo button{color:var(--amber-l);min-height:36px;padding:0 4px;font-weight:800;text-decoration:underline}@media (width>=1024px){.mt-page{height:calc(100dvh - 32px)}.mt-top{max-width:560px;margin:0 auto;padding-inline:0}}.ct-page{padding-bottom:0}.ct-head{align-items:center;gap:12px;display:flex}.ct-head>div{flex:1;min-width:0}.ct-head h1{font-size:1.6rem;line-height:1.15}.ct-head .muted{margin-top:2px;font-size:.9rem}.ct-quota{background:var(--mint);color:var(--teal-2);border-radius:12px;margin-top:14px;padding:10px 12px;font-size:.84rem;line-height:1.45}.ct-empty{text-align:center;margin-top:22px}.ct-empty>p{color:var(--ink2)}.ct-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.ct-list{gap:18px;margin-top:18px;display:grid}.ct-turn{gap:10px;display:grid}.ct-me{background:var(--pine);color:#fff;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px 18px 6px;justify-self:end;max-width:86%;padding:10px 14px;line-height:1.5}.ct-reply{background:var(--card);border:1px solid var(--line);width:100%;max-width:100%;box-shadow:var(--sh-sm);border-radius:6px 20px 20px;justify-self:start;padding:16px}.ct-reply.urgent{background:#fffaf8;border-color:#f0c9c0}.ct-empati{line-height:1.6}.ct-sec{margin-top:12px}.ct-makna{margin-top:10px;line-height:1.6}.ct-step{background:var(--paper);border-radius:12px;margin-top:12px;padding:10px 12px;line-height:1.55}.ct-card{background:var(--amber-soft);color:var(--ink);border:1px solid var(--amber-l);border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;text-decoration:none;display:flex}.ct-card small{color:var(--amber-ink);font-size:.72rem;font-weight:700;display:block}.ct-card b{line-height:1.3;display:block}.ct-foot{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.ct-foot .help{align-items:flex-start;gap:6px;margin-top:4px;display:flex}.ct-foot .help svg{color:var(--teal);flex:none;margin-top:2px}.ct-foot .credit{margin-top:6px}.ct-actions{gap:8px;margin-top:10px;display:flex}.ct-darurat ul{gap:14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ct-darurat li p{margin-top:6px;font-size:.92rem;line-height:1.5}.ct-typing{background:var(--card);border:1px solid var(--line);color:var(--ink2);border-radius:6px 18px 18px;justify-self:start;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;display:inline-flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--teal);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.dots i{opacity:.7;animation:none}}.ct-composer{z-index:20;bottom:calc(var(--tab-h) + var(--safe-b));margin:18px calc(var(--gutter) * -1) 0;padding:16px var(--gutter) 12px;background:linear-gradient(180deg, #faf5ea00, var(--sand) 14px);position:sticky}.ct-composer .error{margin:0 0 8px}.ct-privacy{margin-top:8px}.ct-box{background:var(--card);border:1.5px solid var(--line);box-shadow:var(--sh-md);border-radius:20px;align-items:flex-end;gap:8px;padding:6px 6px 6px 14px;display:flex}.ct-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #1e807726}.ct-box textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:44px;max-height:220px;padding:10px 0;font-size:1rem;line-height:1.45}.ct-send{border-radius:14px;flex:none;width:46px;min-height:46px;padding:0}.ct-reason{resize:vertical;min-height:96px;margin-top:12px;padding:12px 14px;line-height:1.45}@media (width>=1024px){.ct-composer{bottom:0}}