@font-face{font-family:KFGQPC Hafs;src:url(/fonts/hafs.ttf)format("truetype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#0b6a48;--deep:#0a3526;--ink:#10392a;--paper:#f1eee7;--sheet:#fbf9f4;--cream:#f6f1e6;--gold:#b8862f;--goldL:#e6bd62;--tint:#b0502c;--tint-soft:#b0502c1a;--muted:#5c6f66;--line:#0b6a4829;--display:"Markazi Text","Noto Naskh Arabic","Amiri",serif;--ui:"IBM Plex Sans Arabic","Segoe UI","Tahoma",sans-serif;--quran:"KFGQPC Hafs","Amiri Quran",serif;--glow:.3}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--ui);-webkit-tap-highlight-color:transparent;font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.kufic{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.app{max-width:460px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));direction:rtl;margin:0 auto}.pad{padding-inline-start:16px;padding-inline-end:16px}.head{background:linear-gradient(170deg,var(--green) 0%,var(--deep) 82%);color:var(--cream);padding:14px 16px 26px;position:relative;overflow:hidden}.head .kufic{opacity:.1;-webkit-mask-image:linear-gradient(270deg,#000,#0000 85%);mask-image:linear-gradient(270deg,#000,#0000 85%)}.head:after{content:"";left:0;right:0;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--goldL) 50%,var(--gold) 80%,transparent);height:3px;position:absolute;bottom:0}.brand{justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.brand .lg{flex-direction:column;align-items:center;gap:2px;display:flex}.brand img{width:52px;height:auto;display:block}.brand .yr{color:var(--goldL);letter-spacing:.02em;font-size:10.5px}.brand .dt{color:#f6f1e6bf;text-align:left;font-size:12px;line-height:1.4}.get-app{color:var(--goldL);font:inherit;cursor:pointer;background:#06211759;border:1px solid #e6bd628c;border-radius:999px;align-items:center;gap:5px;margin:8px 0 0 auto;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:700;display:flex}.get-app svg{width:15px;height:15px}.get-app:active{transform:scale(.97)}.hero{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:10px;display:grid;position:relative}.eyebrow{color:var(--goldL);font-size:12.5px}.dayline{align-items:baseline;gap:10px;display:flex}.dayline .big{font-family:var(--display);font-size:92px;font-weight:700;line-height:.9}.dayline .of{font-family:var(--display);color:#f6f1e6cc;font-size:24px;font-weight:600}.hero p{color:#f6f1e6d1;margin:6px 0 0;font-size:14px}.hero p b{color:var(--goldL);font-weight:600}.light{flex:none;width:118px;height:118px;margin-bottom:6px;position:relative}.light .halo{inset:calc(-40px * var(--glow));background:radial-gradient(circle,#ecc46a8c 0%,#e6bd6229 34%,#0000 68%);border-radius:50%;transition:top .9s,bottom .9s,left .9s,right .9s;position:absolute}.light .orb{width:44px;height:44px;box-shadow:0 0 calc(18px + 30px * var(--glow)) #f0c86e99;background:radial-gradient(circle at 36% 32%,#f6dc98 0%,#d9a949 45%,#a9772a 100%);border-radius:50%;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.light svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.light .pct{left:0;right:0;text-align:center;color:#f6f1e6bf;font-size:11px;position:absolute;bottom:-18px}.paper{position:relative;overflow:hidden}.paper>.kufic{opacity:.05;-webkit-mask-image:linear-gradient(#0000 30%,#000);mask-image:linear-gradient(#0000 30%,#000)}.paper>:not(.kufic){position:relative}.status{background:var(--tint-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;font-size:14px;display:flex}.status .pill{background:var(--tint);color:var(--cream);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600}.status.on{background:#0b6a4814}.status.on .pill{background:var(--green)}.status .grow{flex:1;min-width:150px}.link{color:var(--green);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);background:0 0;border:0;padding:4px 0;font-weight:600}.today{background:var(--sheet);border:1px solid var(--line);border-radius:16px;margin-top:14px;padding:16px;box-shadow:0 10px 28px -18px #0a352673}.today .lbl{color:var(--tint);font-size:12px;font-weight:600}.today h2{font-family:var(--display);color:var(--green);text-wrap:balance;margin:2px 0 4px;font-size:40px;font-weight:700;line-height:1.05}.today .meta{color:var(--muted);font-size:13.5px}.today .meta b{color:var(--ink);font-weight:500}.thumbs{grid-template-columns:repeat(6,1fr);gap:6px;margin:14px 0;display:grid}.thumbs img{aspect-ratio:482/680;object-fit:cover;border:1px solid var(--line);border-radius:4px;width:100%;display:block}.thumbs .ph{aspect-ratio:482/680;background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:4px;place-items:center;font-size:11px;display:grid}.primary{background:var(--green);width:100%;color:var(--cream);border:0;border-radius:12px;padding:13px 16px;font-size:16px;font-weight:600}.primary:hover{background:#0d7852}.primary:active{transform:translateY(1px)}.primary.ghost{border:1px solid var(--green);color:var(--green);background:0 0}.primary.gold{background:var(--goldL);color:var(--deep)}.done-note{color:var(--green);background:#0b6a4814;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;display:flex}.fawaid{margin-top:24px}.sect{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.sect h3{font-family:var(--display);color:var(--green);margin:0;font-size:23px;font-weight:700}.sect span{color:var(--muted);font-size:12px}.faida{font-family:var(--display);color:var(--green);min-height:3.1em;margin:0;font-size:22px;font-weight:600;line-height:1.55}.faida .qm{color:var(--gold)}.faida-src{color:var(--tint);margin-top:6px;font-size:12px}.faida-nav{gap:6px;margin-top:10px;display:flex}.faida-nav button{background:var(--line);border:0;border-radius:50%;width:8px;height:8px;padding:0}.faida-nav button[aria-current=true]{background:var(--gold);border-radius:4px;width:20px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.stat{border-top:1.5px solid var(--line);padding-top:12px}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-family:var(--display);color:var(--green);font-size:34px;font-weight:700;line-height:1.1}.stat .v small{color:var(--muted);font-size:17px;font-weight:500}.bar{background:var(--line);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.bar i{background:var(--gold);border-radius:2px;height:100%;transition:width .6s;display:block}.crowd{border-top:1.5px solid var(--line);color:var(--muted);margin-top:16px;padding-top:14px;font-size:14px}.crowd b{color:var(--green);font-family:var(--display);font-size:23px;font-weight:700}.example{border:1px dashed var(--muted);color:var(--muted);vertical-align:middle;border-radius:99px;margin-inline-start:4px;padding:0 7px;font-size:11px;display:inline-block}.subhead{background:linear-gradient(170deg,var(--green),var(--deep) 85%);color:var(--cream);padding:16px 16px 20px;position:relative;overflow:hidden}.subhead .kufic{opacity:.1}.subhead:after{content:"";left:0;right:0;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--goldL) 50%,var(--gold) 80%,transparent);height:3px;position:absolute;bottom:0}.subhead h1{font-family:var(--display);margin:0;font-size:34px;font-weight:700;position:relative}.subhead p{color:#f6f1e6cc;margin:0;font-size:13.5px;position:relative}.juzstrip{grid-template-columns:repeat(15,1fr);gap:4px;margin:16px 0 6px;display:grid}.juzstrip div{background:var(--line);border-radius:3px;height:22px;position:relative;overflow:hidden}.juzstrip div i{background:var(--gold);transform-origin:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.juzcap{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.grid{grid-template-columns:repeat(10,1fr);gap:5px;margin-top:18px;display:grid}.cell{aspect-ratio:1;border:1px solid var(--line);background:var(--sheet);color:var(--muted);border-radius:7px;place-items:center;padding:0;font-size:11.5px;display:grid}.cell.read{background:var(--green);border-color:var(--green);color:var(--cream);font-weight:600}.cell.miss{border:1.5px solid var(--tint);color:var(--tint);background:var(--tint-soft)}.cell.now{border:2px solid var(--gold);color:var(--ink);background:#fff7e4;font-weight:700}.cell.later{opacity:.6}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.field label{display:block}.field .hint{color:var(--muted);font-size:12px;display:block}.field input[type=time],.field select{background:var(--sheet);border:1px solid var(--line);border-radius:9px;padding:6px 10px}.switch{-webkit-appearance:none;appearance:none;background:#10392a2e;border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:right .2s;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.switch:checked{background:var(--green)}.switch:checked:after{right:21px}.about{color:var(--muted);margin-top:20px;font-size:13.5px}.about p{max-width:62ch;margin:0 0 8px}.about b{color:var(--ink)}.tabs{left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fbf9f4f0;position:fixed;bottom:0}.tabs nav{direction:rtl;grid-template-columns:repeat(3,1fr);max-width:460px;margin:0 auto;display:grid}.tabs button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-size:12.5px;display:flex}.tabs button svg{width:22px;height:22px}.tabs button[aria-current=page]{color:var(--green);font-weight:600}.scrim{z-index:20;background:#0a352673;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--sheet);width:100%;max-width:460px;padding:10px 16px calc(20px + env(safe-area-inset-bottom,0px));direction:rtl;border-radius:20px 20px 0 0;max-height:88vh;animation:.25s up;overflow:auto}@keyframes up{0%{opacity:.4;transform:translateY(40px)}to{opacity:1;transform:none}}.grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet h3{font-family:var(--display);color:var(--green);margin:0 0 4px;font-size:27px}.sheet .lead{color:var(--muted);margin:0 0 14px;font-size:14px}.opt{text-align:right;border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;margin-bottom:10px;padding:14px;display:block}.opt:hover{border-color:var(--gold)}.opt b{color:var(--green);margin-bottom:2px;font-size:16px;display:block}.opt span{color:var(--muted);font-size:13.5px;display:block}.opt em{color:var(--tint);font-style:normal;font-weight:600}.sheet textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:12px;width:100%;min-height:110px;padding:10px 12px}.sheet .row{gap:10px;margin-top:12px;display:flex}.sheet .row>*{flex:1}.reader{z-index:30;background:var(--paper);direction:rtl;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rbar{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:linear-gradient(170deg,var(--green),var(--deep));color:var(--cream);align-items:center;gap:10px;display:flex}.rbar .t{flex:1;min-width:0}.rbar .t b{font-family:var(--display);font-size:21px;line-height:1.2;display:block}.rbar .t span{color:#f6f1e6bf;font-size:12px}.icon{width:38px;height:38px;color:var(--cream);background:#f6f1e614;border:1px solid #f6f1e640;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.icon svg{width:18px;height:18px}.seg{border:1px solid #f6f1e640;border-radius:10px;flex:none;display:flex;overflow:hidden}.seg button{color:#f6f1e6bf;background:0 0;border:0;padding:6px 10px;font-size:12.5px}.seg button[aria-pressed=true]{background:var(--goldL);color:var(--deep);font-weight:600}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;display:flex;overflow:auto hidden}.slides::-webkit-scrollbar{display:none}.slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;align-items:flex-start;padding:14px 16px 24px;display:flex;overflow-y:auto}.slide>img{background:#fff;border-radius:6px;width:720px;max-width:100%;height:auto;display:block;box-shadow:0 8px 24px -14px #0006}.text{width:100%;max-width:620px}.pagehdr{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:12px;padding-bottom:8px;font-size:12px;display:flex}.aya{background:var(--sheet);border:1px solid var(--line);border-radius:12px;margin:0 0 14px;padding:12px 14px}.aya .q{font-family:var(--quran);font-size:calc(25px * var(--fs,1));color:var(--ink);margin:0;line-height:2.05}.aya .q .end{font-family:var(--quran);color:var(--gold)}.aya .tf{border-top:1px dashed var(--line);font-family:var(--display);font-weight:500;font-size:calc(20px * var(--fs,1));color:#2a3b33;margin:8px 0 0;padding-top:8px;line-height:1.7}.fw{background:linear-gradient(170deg,var(--green),var(--deep));color:var(--cream);border-radius:14px;margin-top:18px;padding:14px 16px}.fw h4{font-family:var(--display);color:var(--goldL);margin:0 0 8px;font-size:22px}.fw ul{margin:0;padding-inline-start:18px}.fw li{font-family:var(--display);font-weight:500;font-size:calc(20px * var(--fs,1));margin-bottom:6px;line-height:1.6}.fw li::marker{color:var(--goldL)}.srcline{color:var(--muted);margin-top:14px;font-size:11.5px;line-height:1.5}.missing{text-align:center;max-width:320px;color:var(--muted);align-self:center}.missing b{font-family:var(--display);color:var(--green);font-size:64px;line-height:1;display:block}.pending{color:var(--tint);text-align:center;margin:0 0 8px;font-size:11.5px}.rfoot{padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--sheet);align-items:center;gap:12px;display:flex}.rfoot .dots{flex:none;gap:5px;display:flex}.rfoot .dots i{background:var(--line);border-radius:50%;width:7px;height:7px;transition:all .2s;display:block}.rfoot .dots i.on{background:var(--gold);border-radius:4px;width:18px}.rfoot .primary{flex:1;width:auto}.celebrate{z-index:40;background:radial-gradient(90% 60% at 50% 42%,#12714d,var(--deep) 75%);color:var(--cream);text-align:center;direction:rtl;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.celebrate canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.celebrate .box{max-width:360px;position:relative}.celebrate .orb{background:radial-gradient(circle at 36% 32%,#f6dc98 0%,#d9a949 45%,#a9772a 100%);border-radius:50%;width:70px;height:70px;margin:0 auto 12px;box-shadow:0 0 60px 10px #f0c86e80}.celebrate .eyebrow{color:var(--goldL)}.celebrate .big{font-family:var(--display);margin:4px 0 8px;font-size:46px;font-weight:700;line-height:1.1}.celebrate p{color:#f6f1e6d9;margin:0 0 18px}.celebrate .juz{color:var(--goldL);border:1px solid #e6bd6273;border-radius:14px;margin:0 auto 18px;padding:12px 14px;font-size:14px}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--deep);color:var(--cream);z-index:50;white-space:nowrap;direction:rtl;border-radius:99px;padding:9px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#root{min-height:100%}.boot{background:linear-gradient(170deg,var(--green),var(--deep));place-items:center;min-height:100vh;display:grid}.boot .orb{background:radial-gradient(circle at 36% 32%,#f6dc98 0%,#d9a949 45%,#a9772a 100%);border-radius:50%;width:44px;height:44px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 40px #f0c86e99}@keyframes pulse{50%{opacity:.7;transform:scale(.86)}}.teaser{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:12px 14px}.teaser.ph{height:92px}.teaser .lbl{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.teaser .q{font-family:var(--quran);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:23px;line-height:2;display:-webkit-box;overflow:hidden}.teaser .end,.aya .q .end{color:var(--gold)}.surahhdr{text-align:center;background:linear-gradient(170deg,var(--green),var(--deep));color:var(--cream);font-family:var(--display);border-radius:12px;margin:18px 0 12px;padding:10px;font-size:24px;font-weight:700}.done-note .link{margin-inline-start:8px}.fontctl{align-items:center;gap:6px;display:flex}.fontctl button{border:1px solid var(--line);background:var(--sheet);border-radius:9px;width:38px;height:34px;font-weight:600}.fontctl output{text-align:center;min-width:48px;font-size:13px}.link.danger,.err{color:var(--tint)}.err{margin:6px 0 0;font-size:13px}.primary.danger{background:var(--tint)}.primary:disabled{opacity:.6;cursor:default}.link.on-green{color:var(--goldL);margin-inline-start:6px}.primary.ghost.on-green{color:var(--cream);border-color:#f6f1e673}.cardlink{max-width:180px;margin:0 auto 16px;display:block}.cardlink img{border-radius:10px;width:100%;box-shadow:0 10px 30px #0006}.srcline{margin:18px 0 0}.cell.before{opacity:.45;border-style:dashed}.status.join{background:#b8862f1f}.status.join .pill{background:var(--gold);color:var(--deep)}.thumbs button{background:0 0;border:0;border-radius:4px;padding:0;display:block;overflow:hidden}.thumbs img{height:auto}.slide>img{cursor:zoom-in;transition:width .2s}.slide>img.zoomed{cursor:zoom-out;width:200%;max-width:none}.slide:has(>img.zoomed){justify-content:flex-start;overflow:auto}.slides:has(img.zoomed){touch-action:auto}.slides{touch-action:pan-y;display:block;position:relative;overflow:hidden}.track{will-change:transform;height:100%;transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex}.slide{overscroll-behavior:contain;height:100%}.install-content .install-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.install-heading h3{padding-top:6px;font-size:25px;line-height:1.4}.install-close{border:1px solid var(--line);min-width:44px;min-height:44px;color:var(--green);background:0 0;border-radius:10px;flex:none;place-items:center;padding:10px;display:grid}.install-close svg{width:20px;height:20px}.install-invite{text-align:start;width:100%;min-height:44px;color:var(--green);background:0 0;border:0;padding:10px 0;font-weight:600;display:block}.install-invite span{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.install-setting{padding-block-start:4px;padding-block-end:4px}.install-steps{margin:20px 0 24px;padding-inline-start:24px;line-height:1.9}.install-steps li{margin-bottom:12px;padding-inline-start:4px}.install-steps li::marker{color:var(--tint);font-weight:600}.install-share{vertical-align:middle;width:22px;height:22px;color:var(--green);margin-inline-start:3px;margin-inline-end:3px}.install-note{background:var(--tint-soft);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:14px}.install-guide{min-height:44px;color:var(--green);text-underline-offset:5px;padding-block-start:12px;padding-block-end:12px;display:block}.install-banner{z-index:10;bottom:calc(92px + env(safe-area-inset-bottom,0px));background:var(--sheet);border:1px solid var(--green);direction:rtl;border-radius:14px;align-items:center;gap:12px;max-width:428px;margin-inline-start:auto;margin-inline-end:auto;padding:4px 12px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 8px 24px -14px #0a352666}.update-toast{bottom:calc(184px + env(safe-area-inset-bottom,0px));border-radius:14px;align-items:center;gap:12px;display:flex}.update-toast button{background:var(--goldL);min-width:60px;min-height:44px;color:var(--deep);border:0;border-radius:10px;padding:8px 12px;font-weight:600}.install-page{max-width:840px;padding:calc(32px + env(safe-area-inset-top,0px)) 20px calc(32px + env(safe-area-inset-bottom,0px));margin:0 auto}.install-page header{text-align:center;margin-bottom:32px}.install-logo{border-radius:20px;margin:auto;display:block}.install-page h1{font-family:var(--display);color:var(--green);text-wrap:balance;margin:16px 0 8px;font-size:42px;line-height:1.2}.install-page header p{color:var(--muted);margin:0}.install-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:40px;display:grid}.install-platforms{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding-bottom:8px;display:flex}.install-platforms button{white-space:nowrap;min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:8px 10px}.install-platforms button[aria-pressed=true]{background:var(--green);color:var(--cream);font-weight:600}.install-platforms button:hover{border-color:var(--green)}.install-read{text-align:center;min-height:44px;margin-top:12px;text-decoration:none;display:block}.install-qr{text-align:center;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:24px;font-size:13px}.install-qr img{background:#fff;border-radius:8px;max-width:100%;height:auto}@media (max-width:600px){.install-layout{grid-template-columns:1fr;gap:28px}.install-qr{border-inline-start:0;border-top:1px solid var(--line);padding:24px 0 0}.install-page header{margin-bottom:24px}.install-page{padding-top:24px}.install-page h1{font-size:36px}}.turn{display:none}.tabs button:hover,.link:hover{color:#0d7852}.cell:hover,.thumbs button:hover img{border-color:var(--gold)}@media (pointer:fine){html,.slide,.sheet{scrollbar-width:thin;scrollbar-color:#0b6a4847 transparent}}@media (hover:hover) and (pointer:fine) and (min-width:700px){.turn{z-index:2;border:1px solid var(--line);width:48px;height:48px;color:var(--green);opacity:.7;background:#fbf9f4eb;border-radius:50%;place-items:center;margin-top:-24px;padding:0;transition:opacity .2s,border-color .2s;display:grid;position:absolute;top:50%;box-shadow:0 6px 18px -10px #0a352680}.turn:hover{opacity:1;border-color:var(--gold)}.turn svg{width:22px;height:22px}.turn.back{right:18px}.turn.fwd{left:18px}}@media (min-aspect-ratio:4/5) and (min-width:700px){.slide:has(>img){align-items:center}.slide>img:not(.zoomed){width:auto;max-width:100%;max-height:100%}.slide>img.zoomed{width:min(100%,1100px);max-height:none}.slide:has(>img.zoomed){justify-content:center;align-items:flex-start}}.slide.spread{gap:0}.slide.spread>img:not(.zoomed){max-width:calc(50% - 1px)}.slide.spread>img:first-child{border-radius:0 6px 6px 0;box-shadow:inset 10px 0 18px -14px #0006,0 8px 24px -14px #0006}.slide.spread>img:last-child:not(:first-child){border-radius:6px 0 0 6px}.slide.spread:has(>img.zoomed){flex-direction:column;align-items:center;gap:12px}@media (min-width:700px){.scrim{align-items:center;padding:24px}.sheet{border-radius:20px;max-width:520px;max-height:min(88vh,760px);padding:22px 24px 24px}.grab{display:none}.rfoot{justify-content:center}.rfoot .primary{flex:0 360px}}@media (min-width:900px){body{font-size:16px}.app{max-width:none;margin:0 96px 0 0;padding:28px clamp(24px,4vw,56px) 48px}.app>section{max-width:1080px;margin:0 auto}.pad{padding-inline-start:4px;padding-inline-end:4px}.tabs{border-top:0;border-left:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--sheet);width:96px;padding:28px 0 0;top:0;bottom:0;left:auto;right:0}.tabs nav{flex-direction:column;gap:6px;max-width:none;display:flex}.tabs button{border-radius:12px;margin:0 10px;padding:12px 0}.tabs button:hover{background:#0b6a480d}.tabs button[aria-current=page]{background:#0b6a4817}.head,.subhead{border-radius:22px}.head{padding:24px 32px 34px}.subhead{padding:24px 32px 26px}.subhead h1{font-size:40px}.dayline .big{font-size:120px}.dayline .of{font-size:28px}.hero p{font-size:15.5px}.light{width:150px;height:150px}.light .orb{width:56px;height:56px;margin:-28px 0 0 -28px}.home{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;column-gap:32px;display:grid}.home>.status{grid-area:1/1/auto/-1}.home>.today{grid-area:2/1/span 3}.home>.stats{background:var(--sheet);border:1px solid var(--line);border-radius:16px;grid-area:2/2;margin-top:14px;padding:16px 18px}.home>.stats .stat:first-child{border-top:0;padding-top:0}.home>.stats{grid-template-columns:1fr}.home>.crowd{grid-area:3/2}.home>.srcline{grid-area:5/1/auto/-1}.today h2{font-size:46px}.grid{grid-template-columns:repeat(20,1fr);gap:6px}.cell{font-size:13px}.juzstrip div{height:28px}.legend{font-size:13px}.app>section>.pad:has(>.field){max-width:820px}.text{max-width:780px}.aya .q{font-size:calc(28px * var(--fs,1))}.aya .tf{font-size:calc(21px * var(--fs,1))}.toast{bottom:28px}.install-banner{max-width:460px;bottom:24px}.update-toast{bottom:88px}}.brand .chan{border-radius:8px;transition:transform .2s;display:block}.brand .chan:hover{transform:scale(1.04)}.pending-link{color:var(--tint);margin:0 0 12px;font-size:13.5px}.field .link{white-space:nowrap}.link-open{text-align:center;text-decoration:none;display:block}.link-cancel{text-align:center;background:0 0;border:0;width:100%}.spin{border:2px solid var(--tint-soft);border-top-color:var(--tint);vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-inline-end:8px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.hello{font-family:var(--display);color:var(--cream);margin-bottom:2px;font-size:22px;font-weight:700;line-height:1.2}@media (min-width:900px){.hello{font-size:26px}}