html,body{background:var(--paper);height:100%;min-height:100%;color:var(--ink);color-scheme:light only;margin:0;font-family:Plus Jakarta Sans,sans-serif}.shell{background:var(--paper);flex-direction:column;max-width:430px;height:100dvh;min-height:100dvh;margin:0 auto;display:flex}.symbol svg{width:1em;height:1em;display:block}.choice .symbol svg{width:29px;height:29px}.bottom .symbol svg{width:21px;height:21px;margin:0 auto 4px}.option .symbol svg{width:22px;height:22px}:root{--deep:#0a3b37;--primary:#14635c;--gold:#c6923e;--mint:#e4f0ec;--pale:#f1f7f4;--paper:#fbfcfa;--ink:#0f2320;--scale:1}*{box-sizing:border-box}body{color:var(--ink);background:#e8efeb;justify-content:center;align-items:center;gap:100px;min-height:100vh;margin:0;padding:38px;font-family:Plus Jakarta Sans,sans-serif;display:flex}button,input,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--primary)}.studio{flex-direction:column;justify-content:space-between;align-self:stretch;gap:35px;width:320px;max-height:855px;display:flex}.brand{color:var(--primary);align-items:center;gap:12px;font-size:25px;font-weight:800;text-decoration:none;display:flex}.brand>span>span{color:#966d29}.mark{color:var(--gold);font-family:Georgia;font-size:52px;line-height:1;position:relative}.mark b{color:var(--primary);font-family:sans-serif;font-size:36px;position:absolute;top:13px;left:13px}.eyebrow{letter-spacing:1.6px;color:var(--primary);font-size:12px;font-weight:800}h1{letter-spacing:-1.5px;margin:22px 0;font-size:37px;font-weight:500;line-height:1.45}h1 em{color:var(--primary);font-family:Georgia;font-weight:400}.studio p{color:#516760;font-size:16px;line-height:1.8}.studio nav{gap:10px;display:grid}.studio nav button{text-align:left;color:#4e6861;background:0 0;border-radius:12px;gap:20px;padding:17px;font-size:16px;display:flex}.studio nav button.active{color:var(--deep);background:#d6e5df;font-weight:700}.studio nav button span{color:#617e70;font-size:13px}.studio footer{letter-spacing:1px;color:#526e64;font-size:11px;line-height:2}.studio footer span{margin:0 6px}.device-wrap{flex-shrink:0}.device{background:var(--paper);border:8px solid #153e36;border-radius:52px;flex-direction:column;width:414px;height:854px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 65px #153e3628,0 0 0 2px #adc2b8}.status{flex-shrink:0;justify-content:space-between;align-items:center;height:47px;padding:0 24px;font-size:12px;display:flex;position:relative}.island{background:#153e36;border-radius:20px;width:98px;height:23px;position:absolute;top:9px;left:calc(50% - 49px)}#app{scrollbar-width:none;min-height:0;font-size:calc(16px * var(--scale));flex:1;overflow-y:auto}#app::-webkit-scrollbar{display:none}.page{padding:16px 23px 28px;animation:.2s appear}.topline{justify-content:space-between;align-items:center;margin-bottom:29px;display:flex}.topline .brand{gap:9px;font-size:21px}.topline .mark{font-size:38px}.topline .mark b{font-size:26px;top:10px;left:9px}.icon-button{min-width:46px;height:46px;color:var(--primary);background:0 0;border:1px solid #d9e5de;border-radius:50%;font-size:19px}.greeting{color:#526d61;margin:0 0 8px;font-size:.875em}.page h2{letter-spacing:-.8px;margin:0 0 15px;font-size:1.75em;font-weight:700;line-height:1.35}.sub{color:#526d63;margin:0 0 22px;font-size:1em;line-height:1.7}.home-sub{margin-bottom:25px;font-size:.9em}.choices{gap:13px;display:grid}.choice{text-align:left;background:var(--pale);border:1px solid #d1e2d7;border-radius:21px;align-items:center;gap:17px;width:100%;min-height:113px;padding:23px 20px;display:flex}.choice strong{font-size:1.1em;font-weight:700;line-height:1.5;display:block}.choice small{color:#526d63;margin-top:6px;font-size:.8em;line-height:1.5;display:block}.choice .symbol{color:var(--primary);flex-shrink:0;font-size:29px}.choice.featured{background:var(--deep);color:#fff;border-color:var(--deep);min-height:128px}.choice.featured .symbol{color:#ddbc7b}.choice.featured small{color:#ccdfd6}.choice.brass{background:#f6f1e6;border-color:#e5d9c1}.choice.brass .symbol{color:#98712f}.arrow{flex-shrink:0;margin-left:auto;font-size:22px}.care-switch{color:var(--primary);cursor:pointer;align-items:center;gap:12px;padding:20px 2px 0;font-size:.88em;line-height:1.6;display:flex}.care-switch input{appearance:none;background:#c5d5cb;border-radius:20px;flex-shrink:0;width:41px;height:25px;margin:0;position:relative}.care-switch input:before{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .18s;position:absolute;top:3px;left:3px}.care-switch input:checked{background:var(--primary)}.care-switch input:checked:before{transform:translate(16px)}.home-foot{color:#6c7e73;justify-content:space-between;align-items:center;margin-top:22px;font-size:.8em;display:flex}.text-button{min-height:44px;color:var(--primary);text-underline-offset:4px;background:0 0;padding:9px 0;font-size:1em;text-decoration:underline}.bottom{background:var(--paper);border-top:1px solid #dfe8e1;flex-shrink:0;gap:6px;padding:10px 12px 2px;display:flex}.bottom button{color:#566f63;background:0 0;border-radius:13px;flex:1;min-height:58px;padding:7px 3px;font-size:14px}.bottom .symbol{margin-bottom:4px;font-size:21px;display:block}.bottom button.active{color:var(--primary);background:var(--mint);font-weight:700}.home-indicator{background:#153e36;border-radius:8px;flex-shrink:0;width:115px;height:4px;margin:10px auto 8px}.device-caption{text-align:center;letter-spacing:1.8px;color:#5a756b;margin-top:23px;font-size:10px}.device-caption span{color:var(--gold);margin:0 9px}.header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.back{min-height:44px;color:var(--primary);text-align:left;background:0 0;padding:0;font-size:.9em}.pill{background:var(--mint);color:var(--primary);border-radius:20px;padding:6px 10px;font-size:.75em}.option{text-align:left;background:#fff;border:1px solid #d4e2d8;border-radius:17px;align-items:center;gap:14px;width:100%;min-height:80px;margin:12px 0;padding:19px 16px;display:flex}.option .symbol{background:var(--pale);color:var(--primary);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.option strong{font-size:1.05em;line-height:1.5}.option small{color:#5b7469;margin-top:5px;font-size:.8em;line-height:1.5;display:block}.primary{background:var(--primary);color:#fff;text-align:center;border-radius:15px;width:100%;min-height:56px;padding:17px 20px;font-size:1em;font-weight:700;display:block}.outline{min-height:52px;color:var(--primary);background:0 0;border:1px solid #a8c0b4;border-radius:14px;padding:15px 17px;font-size:1em}.full-width{width:100%;margin-top:12px}.row{gap:10px;display:flex}.row .outline{flex:1}.row .primary{flex:2}.step-track{gap:5px;margin:20px 0;display:flex}.step-track span{background:#dbe7de;border-radius:4px;flex:1;height:4px}.step-track span.on{background:var(--primary)}.art{background:var(--mint);border-radius:19px;margin:18px 0;overflow:hidden}.art img{width:100%;display:block}.art .artlabel{color:var(--primary);padding:11px 14px;font-size:.75em;line-height:1.5}.step-card{background:#fff;border:1px solid #dce8df;border-radius:18px;margin:18px 0;padding:21px}.step-card h3{margin:12px 0;font-size:1.15em;line-height:1.5}.step-card p{color:#566e61;margin:12px 0;font-size:.9em;line-height:1.75}.number{color:var(--primary);letter-spacing:1.4px;font-size:.75em;font-weight:700}.audio{background:var(--pale);text-align:left;border:1px solid #d6e5da;border-radius:14px;align-items:center;gap:13px;width:100%;min-height:68px;margin:16px 0;padding:13px;font-size:.9em;display:flex}.play-icon{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.audio.playing{border-color:var(--primary)}.audio small{color:#5d776c;margin-top:5px;font-size:.8em;display:block}.support{background:var(--pale);border:1px solid #d5e4d9;border-radius:14px;margin:14px 0;padding:0 15px}.support summary{cursor:pointer;color:var(--primary);min-height:52px;padding:15px 0;font-size:.875em;font-weight:600;line-height:1.6}.support p,.support li{color:#506b5b;font-size:.875em;line-height:1.8}.support ul{padding-left:19px}.hospital{background:0 0;border-color:#dfdfce}.notice{border-left:3px solid var(--gold);color:#6d5936;background:#f5f0e5;border-radius:0 12px 12px 0;margin:20px 0;padding:15px;font-size:.875em;line-height:1.7}.segmented{background:var(--mint);border-radius:14px;gap:5px;margin:22px 0;padding:5px;display:flex}.segmented button{background:0 0;border-radius:10px;flex:1;padding:14px 6px;font-size:.9em}.segmented button.selected{color:var(--primary);background:#fff;font-weight:700;box-shadow:0 2px 6px #173f3210}.reading{text-align:center;background:#f6f1e6;border-color:#e5d9c1;flex-direction:column;justify-content:center;min-height:220px;padding:26px;display:flex}.reading .symbol{color:#98712f;font-size:35px}.reading p{color:#74654a}.muted{color:#607667;font-size:.875em;line-height:1.7}.size-buttons{gap:8px;margin:16px 0;display:flex}.size-buttons button{background:var(--pale);border:1px solid #cddfd1;border-radius:12px;flex:1;min-height:48px;padding:15px 5px;font-size:.875em}.size-buttons button.selected{background:var(--primary);color:#fff}.completion{text-align:center;padding:40px 0 24px}.completion .symbol{background:var(--mint);width:80px;height:80px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 25px;font-size:34px;display:grid}.completion p{color:#566e61;line-height:1.8}.inline-link{text-align:center;min-height:44px;margin:16px 0;font-size:.875em;line-height:44px;display:block}.help-title{margin:24px 0 10px;font-size:1.1em}#toast{background:var(--deep);color:#fff;z-index:20;border-radius:15px;max-width:90%;padding:15px 22px;font-size:14px;display:none;position:fixed;bottom:30px;box-shadow:0 10px 30px #0002}body.high{--paper:#fff;--pale:#e3f0e8;--ink:#000;--primary:#053a31}body.high .sub,body.high small,body.high .muted{color:#263d2f}@keyframes appear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=920px){body{gap:40px}.studio{width:260px}h1{font-size:30px}}@media (width<=720px){body{background:var(--paper);padding:0;display:block}.studio,.device-caption{display:none}.device{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.status{display:none}.device-wrap{width:100%}.page{padding:25px 22px}.home-indicator[hidden]{display:none!important}.choice{min-height:108px}.choice.featured{min-height:120px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.source-step{margin:16px 0;padding:18px}.source-step h3{margin:8px 0 15px}.source-photo{background:#e6eeea;border-radius:12px;margin:0 -5px 16px;overflow:hidden}.source-photo img{object-fit:contain;background:#eef3ef;width:100%;max-height:340px;display:block}.source-photo figcaption{color:#4d6657;padding:8px 12px;font-size:.75em;line-height:1.6}.source-step p{color:var(--ink);font-size:1em;line-height:1.8}.sources a{text-underline-offset:3px;min-height:34px;padding:5px 0;display:inline-block}.sources p{font-size:.85em}.school-tag{color:#79571d;background:#f5edde;border-radius:9px;margin:0 0 15px;padding:7px 12px;font-size:.8em;font-weight:600;display:inline-block}.guide-navigation{margin-top:20px}.overview figure{margin:0 -8px}.overview img{border-radius:10px;width:100%;display:block}.panel-labels{grid-template-columns:repeat(var(--panels),1fr);text-align:center;gap:5px;padding:10px 0;font-size:.8em;font-weight:700;line-height:1.5;display:grid}.caregiver-help{border-color:#94bca4}.notice,.support p{font-size:.9em}.step-track{margin:15px 0}.step-track span{min-width:0}.prayer-home{background:var(--mint);border:1px solid #cbded4;border-radius:17px;align-items:stretch;margin:0 0 23px;display:flex;overflow:hidden}.prayer-summary{text-align:left;background:0 0;flex:1;gap:7px;min-width:0;padding:17px 15px;display:grid}.utility-label{letter-spacing:.6px;font-size:.75em;font-weight:700}.prayer-summary strong{font-size:1.05em}.prayer-summary>span:last-child{font-size:.875em;line-height:1.5}.kiblat-short{background:#d2e6db;border-left:1px solid #bed5c8;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:9px;width:82px;font-size:.9em;display:flex}.kiblat-short span{font-size:30px}.page input:not([type=checkbox]){width:100%;font:inherit;background:var(--paper);color:var(--ink);border:1px solid #94b4a4;border-radius:11px;margin:10px 0 17px;padding:14px;font-size:1em}.page form label{font-size:1em;font-weight:600}.page form{padding-bottom:18px}.prayer-list{border:1px solid #cbded4;border-radius:17px;overflow:hidden}.prayer-row{border-bottom:1px solid #dce8df;justify-content:space-between;align-items:center;gap:12px;padding:19px 17px;display:flex}.prayer-row:last-child{border:0}.prayer-row.next{background:var(--mint)}.prayer-row small{margin-top:5px;font-size:.875em;display:block}.compass{aspect-ratio:1;background:var(--pale);border:2px solid #97b7a8;border-radius:50%;max-width:270px;margin:28px auto;position:relative}.compass>span{color:var(--primary);font-weight:700;position:absolute}.north{top:10px;left:50%;transform:translate(-50%)}.south{bottom:10px;left:50%;transform:translate(-50%)}.east{top:46%;right:12px}.west{top:46%;left:12px}#qibla-arrow{transform-origin:50%;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:35px}#qibla-arrow span{color:var(--primary);font-size:100px;line-height:1.2}.compass-center{background:var(--gold);border-radius:50%;width:12px;height:12px;top:calc(50% - 6px);left:calc(50% - 6px)}.bearing{text-align:center;font-size:1.25em}.video-link{margin-top:15px;text-decoration:none}.topline{margin-bottom:18px}.home-sub{margin-bottom:20px}.high .prayer-home,.high .kiblat-short,.high .prayer-summary>span:last-child{color:#053a31}.compass.sensor-active .east,.compass.sensor-active .west,.compass.sensor-active .south{display:none}.compass.sensor-active .north{font-size:.875em}.video-player{aspect-ratio:16/9;background:#0a3b37;border-radius:16px;width:100%;margin:24px 0;overflow:hidden}.video-player iframe{border:0;width:100%;height:100%;display:block}.source-photo a{min-height:44px;padding:10px 0;font-size:1.1em;font-weight:700;display:inline-block}.supplied-brand{flex-shrink:0;display:block}.logo-crop{aspect-ratio:960/750;background:#fff;border-radius:8px;width:240px;display:block;position:relative;overflow:hidden}.logo-crop img{width:130.625%;max-width:none;height:auto;display:block;position:absolute;top:-33.333%;left:-15.625%}.topline{align-items:center}.studio>.supplied-brand{align-self:flex-start}.logo-tagline{font-size:calc(14px * var(--scale));color:var(--primary);flex:1;min-width:0;margin:0;line-height:1.7}.topline{gap:16px}.topline .logo-crop{width:clamp(115px,32vw,145px)}.recitation-card{background:#fff;border:1px solid #d4e2d8;border-radius:18px;margin:20px 0;padding:22px 18px}.arabic-recitation{text-align:right;overflow-wrap:break-word;margin:0 0 25px;font-family:Amiri,serif;font-size:2em;line-height:2.1}.recitation-card h3{color:var(--primary);margin:0 0 10px;font-size:1em}.meaning{margin:0;font-size:1em;line-height:1.8}.reading-original{width:100%;margin:15px 0;display:block}.yasin-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.yasin-toolbar select{font:inherit;min-height:48px;color:var(--ink);background:#fff;border:1px solid #94b4a4;border-radius:10px;flex:1;padding:12px 7px}.yasin-toolbar .outline{padding:12px 10px}.yasin-scroll{background:#fff;border:1px solid #cbded4;border-radius:10px;width:100%;overflow:auto}.yasin-scroll img{height:auto;display:block}.outline:disabled{opacity:.4;cursor:default}body.high .logo-tagline{color:var(--primary)}.video-section{margin:24px 0 30px}.video-section h3{font-size:1.15em}.video-section .inline-link{padding:14px;line-height:1.6;text-decoration:none}.video-section .video-player{margin:14px 0}.topline.centered-logo{justify-content:center;margin-bottom:20px}.topline.centered-logo .logo-crop{width:115px}.home-sub{margin-bottom:22px;font-size:1em;line-height:1.7}.arabic-recitation,.meaning{white-space:pre-line}.meaning-toggle summary{cursor:pointer;min-height:48px;color:var(--primary);padding:12px 0;font-size:1em;font-weight:700}.reading-label{color:var(--primary);font-weight:700;margin:20px 0 9px!important;font-size:.9em!important}.rumi-recitation{white-space:pre-line;background:var(--pale);overflow-wrap:anywhere;border-radius:12px;margin:0 0 20px;padding:16px;font-size:1.05em;line-height:1.9}.recitation-audio{background:var(--pale);border:1px solid #cbded4;border-radius:16px;margin:20px 0;padding:18px}.recitation-audio h3{font-size:1.05em;line-height:1.6}.recitation-audio audio{width:100%;min-height:54px}.recitation-audio a{min-height:44px;padding:10px 0;font-size:.9em;display:inline-block}.rukun-list{padding-left:2em;line-height:1.8}.rukun-list li{border-bottom:1px solid #d9e7df;padding:10px 8px}.rukun-list li::marker{color:var(--primary);font-weight:700}html,body{background:var(--paper);align-items:unset;justify-content:unset;gap:0;height:100%;min-height:100%;padding:0;display:block}.studio,.device-caption,.status,.island{display:none!important}.device-wrap,.device{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;max-height:none}.page:has(.home-screen){flex-direction:column;min-height:100%;padding:18px 22px 10px;display:flex}.home-screen{flex-direction:column;flex:1;min-height:100%;display:flex}.home-logo{width:118px;height:auto;margin:2px auto 0;display:block}.topline.centered-logo{margin-bottom:22px}.home-screen .choices{padding-top:8px}.home-foot{margin-top:18px}.kiblat-short svg{color:#163832;width:26px;height:26px}.kiblat-short{color:#163832;background:#eef6f2;gap:8px;width:88px;font-weight:600}.utility-label{letter-spacing:.12em}.home-indicator[hidden],.bottom[hidden],.bottom:empty{display:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}