*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#1f2a24;--muted:#5d6b63;--paper:#f4efe4;--panel:#fffdf8db;--line:#0d5c4524;--accent:#d4af37;--accent-soft:#f3e7b8;--next:#0d5c45;--emerald-deep:#084433;--gold:#d4af37;--gold-soft:#f3e7b8;--font-ar:"Noto Naskh Arabic", "Traditional Arabic", serif}html,body,#root{overscroll-behavior:none;height:100svh;max-height:100svh;overflow:hidden}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif}button,input{font:inherit}.page{height:100svh;max-height:100svh;padding:0 .75rem max(.35rem, env(safe-area-inset-bottom));background:radial-gradient(1200px 600px at 10% -10%, #e7f3ec 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f7e8c4 0%, transparent 50%), var(--paper);justify-content:center;display:flex;overflow:hidden}.shell{flex-direction:column;gap:.5rem;width:min(42rem,100%);height:100%;min-height:0;display:flex}.hero{z-index:40;text-align:center;padding-top:.5rem;animation:.7s both rise;position:relative}.hero-top{z-index:41;align-items:center;margin-bottom:.35rem;display:flex;position:relative}.toolbar{flex-wrap:nowrap;align-items:center;gap:.35rem;min-height:2.35rem;display:flex}.toolbar-btn{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--ink);cursor:pointer;background:#fffdf8cc;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.toolbar-btn svg{color:var(--next);flex:none}.toolbar-btn:hover{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));background:#fffdf8fa}.location-chip{border-color:color-mix(in srgb, var(--gold) 35%, var(--line))}.settings-wrap{z-index:50;flex:none;position:relative}.settings-menu{z-index:60;border:1px solid color-mix(in srgb, var(--gold) 28%, var(--line));text-align:left;background:#fffdf8;border-radius:.85rem;gap:.25rem;width:min(19rem,86vw);max-height:min(70svh,32rem);padding:.45rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;overflow-y:auto;box-shadow:0 12px 28px #08443329}.brand{letter-spacing:-.02em;color:var(--emerald-deep);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,8vw,3.75rem);font-weight:700;line-height:1}.sub{color:var(--muted);margin-top:.55rem;font-size:.98rem}.panel{background:var(--panel);border:1px solid color-mix(in srgb, var(--gold) 22%, var(--line));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.25rem;padding:1.25rem;animation:.8s 80ms both rise}.controls{gap:.75rem;display:grid}.row{flex-wrap:wrap;gap:.6rem;display:flex}input{border:1px solid var(--line);min-width:10rem;color:var(--ink);background:#ffffffd9;border-radius:.75rem;outline:none;flex:1;padding:.75rem .9rem}input:focus{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.btn{cursor:pointer;border:0;border-radius:.75rem;padding:.75rem 1rem;font-weight:600;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--next);color:#fffdf6}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#ffffff8c}.meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.next-card{text-align:center;padding:1.35rem 1rem}.next-label{text-transform:uppercase;letter-spacing:.14em;color:var(--next);font-size:.64rem;font-weight:700}.next-name{margin-top:.2rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,6vw,2.6rem);font-weight:600}.next-time{margin-top:.15rem;font-size:1.15rem;font-weight:600}.countdown{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.04em;margin-top:.85rem;font-size:1.35rem;font-weight:700}.wheel-panel{text-align:center;flex-direction:column;flex:auto;min-height:0;padding:.7rem .7rem .8rem;display:flex}.salah-deck{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.salah-deck .wheel-panel[hidden],.salah-deck .history-face[hidden]{display:none!important}.salah-deck .wheel-panel,.salah-deck .history-face{animation:.45s cubic-bezier(.4,.12,.2,1) salahTurn;position:relative}.history-face{flex-direction:column;flex:auto;min-height:0;padding:.7rem .75rem .8rem;display:flex;overflow:hidden}.flip-toggle{z-index:2;border:1px solid var(--line);width:2rem;height:2rem;color:var(--next);cursor:pointer;background:#fffdf8e0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.45rem;right:.45rem}.flip-toggle:hover{border-color:color-mix(in srgb, var(--gold) 40%, var(--line));background:#fffdf8fa}.wheel-panel .next-label,.history-face .panel-title{padding-left:2.6rem;padding-right:2.6rem}.history-face .panel-title{text-align:center;margin-bottom:.35rem}.history-face .hint{display:none}@keyframes salahTurn{0%{opacity:.2;transform:perspective(1200px)rotateY(-80deg)}to{opacity:1;transform:none}}.wheel-date{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.08rem;font-size:.8rem;display:flex}.wheel-today-link{color:var(--next);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:700}.wheel-today-link:hover{color:var(--emerald-deep)}.wheel-panel .track-summary{margin-top:.2rem;margin-bottom:.15rem;font-size:.78rem}.wheel{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.wheel-stage{aspect-ratio:1;flex:1 1 0;width:min(20rem,100%);min-height:0;max-height:min(20rem,42svh);margin:0 auto;position:relative}.wheel-svg{width:100%;height:100%;display:block;overflow:visible}.wheel-halo{fill:none;stroke:color-mix(in srgb, var(--gold) 55%, transparent);stroke-width:1.1px}.wheel-inner-ring{fill:#fffcf7f0;stroke:#1c2a320f;stroke-width:1px;pointer-events:none}.wheel-slice path{fill:#fffcf7c7;stroke:#1c2a3212;stroke-width:1px;cursor:pointer;outline:none;transition:fill .22s,stroke .22s,d .22s}.wheel-slice path:focus-visible{stroke:var(--accent);stroke-width:2px}.wheel-slice.is-current path{fill:color-mix(in srgb, var(--next) 16%, #fffdf8);stroke:color-mix(in srgb, var(--gold) 55%, var(--next))}.wheel-slice.is-next path{fill:color-mix(in srgb, var(--gold) 12%, #fffdf8);stroke:color-mix(in srgb, var(--gold) 40%, transparent)}.wheel-slice.is-selected path{fill:color-mix(in srgb, var(--next) 20%, #fff);stroke:var(--next);stroke-width:1.7px}.wheel-slice.is-done path{fill:color-mix(in srgb, var(--next) 82%, #102822);stroke:color-mix(in srgb, var(--next) 50%, #0c221c)}.wheel-slice.is-selected.is-done path{stroke:var(--gold);stroke-width:1.9px}.wheel-label{letter-spacing:.03em;fill:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.wheel-slice.is-done .wheel-label{fill:#f7f1e8}.wheel-dhikr-dot{fill:var(--gold);stroke:#fffdf8;stroke-width:.7px;pointer-events:none}.wheel-slice.is-sunnah>path.wheel-sunnah-rim,.wheel-slice.is-sunnah.is-done>path.wheel-sunnah-rim,.wheel-slice.is-sunnah.is-selected>path.wheel-sunnah-rim,.wheel-slice.is-sunnah.is-selected.is-done>path.wheel-sunnah-rim{fill:none;stroke:#f8fafc;stroke-width:4.8px;stroke-linejoin:round;pointer-events:none}.wheel-slice.is-sunnah>path.wheel-sunnah-rim.is-under,.wheel-slice.is-sunnah.is-done>path.wheel-sunnah-rim.is-under,.wheel-slice.is-sunnah.is-selected>path.wheel-sunnah-rim.is-under,.wheel-slice.is-sunnah.is-selected.is-done>path.wheel-sunnah-rim.is-under{stroke:#0b1014;stroke-width:8.4px}.wheel-slice.is-done .wheel-dhikr-dot{fill:var(--gold);stroke:color-mix(in srgb, var(--next) 40%, #102822)}.wheel-hub{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:33%}.wheel-hub-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--next);font-size:.58rem;font-weight:700}.wheel-hub-kicker.is-done{color:var(--muted)}.wheel-hub-name{margin-top:.08rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.35rem,5.4vw,1.85rem);font-weight:600;line-height:1.05}.wheel-hub-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-top:.12rem;font-size:.95rem;font-weight:700}.wheel-hub-count{font-variant-numeric:tabular-nums;color:var(--accent);letter-spacing:.04em;margin-top:.2rem;font-size:.78rem;font-weight:700}.wheel-hub-actions{flex-wrap:wrap;flex:none;justify-content:center;gap:.3rem;margin-top:.2rem;display:flex}.wheel-check{color:var(--ink);cursor:pointer;background:#1f6b5a17;border-radius:999px;align-items:center;gap:.28rem;padding:.28rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.wheel-check.is-sunnah{color:var(--muted);background:#1c2a320d}.wheel-check.is-dhikr{background:color-mix(in srgb, var(--gold) 18%, #fffdf8);color:var(--ink)}.wheel-check.is-done{opacity:.8;text-decoration:line-through}.wheel-check input{width:.85rem;min-width:0;height:.85rem;accent-color:var(--next);cursor:pointer;flex:none}.wheel-login{margin-top:.35rem;font-size:.82rem}.wheel-sunrise{color:var(--muted);letter-spacing:.04em;flex:none;margin-top:.1rem;font-size:.72rem;font-weight:600}.wheel-optionals{flex-wrap:wrap;flex:none;justify-content:center;gap:.3rem;margin-top:.35rem;padding:0;list-style:none;display:flex}.wheel-chip{cursor:pointer;background:#ffffff80;border:1px solid #1c2a320f;border-radius:999px;align-items:center;gap:.28rem;padding:.28rem .5rem;display:inline-flex}.wheel-chip input{width:.9rem;min-width:0;height:.9rem;accent-color:var(--next);cursor:pointer;flex:none}.wheel-chip-name{font-size:.8rem;font-weight:700}.wheel-chip-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem;font-weight:600}.wheel-chip.is-done .wheel-chip-name{opacity:.8;text-decoration:line-through}.quote-panel{text-align:left;background:linear-gradient(155deg, #d4af372e, transparent 48%), linear-gradient(205deg, #0d5c451a, transparent 55%), var(--panel);flex:none;padding:.55rem .8rem .6rem}.quote-head{justify-content:space-between;align-items:baseline;gap:.65rem;margin-bottom:.2rem;display:flex}.quote-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--next);margin:0;font-size:.68rem;font-weight:800}.quote-ref{color:var(--next);white-space:nowrap;border-bottom:1px solid color-mix(in srgb, var(--next) 35%, transparent);margin:0;font-size:.72rem;font-weight:700;text-decoration:none}.quote-ref:hover{border-bottom-color:var(--next)}.quote-arabic{font-family:var(--font-ar);color:var(--next);margin:.1rem 0 .25rem;font-size:clamp(.95rem,3.6vw,1.2rem);font-weight:700;line-height:1.45}.quote-translation{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;font-style:italic;line-height:1.3;display:-webkit-box;overflow:hidden}.quote-insight{display:none}.confirm-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c2a326b;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid color-mix(in srgb, var(--gold) 32%, var(--line));text-align:left;background:#fffdf8;border-radius:1.1rem;width:min(100%,420px);padding:1.25rem 1.2rem 1.1rem;box-shadow:0 18px 48px #0844332e}.confirm-dialog h2{color:var(--next);margin:0 0 .65rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;font-weight:600}.confirm-body{color:var(--ink);font-size:.95rem;line-height:1.45}.confirm-body p{margin:0}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1rem;display:flex}.list{gap:.55rem;list-style:none;display:grid}.prayer{background:#ffffff73;border:1px solid #0000;border-radius:.9rem;flex-direction:column;gap:.45rem;padding:.9rem 1rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.prayer-main{grid-template-columns:1fr auto;align-items:center;gap:.75rem;width:100%;display:grid}.prayer.is-optional{background:#ffffff4d}.prayer-name-wrap{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.prayer-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700}.prayer-sunnah{cursor:pointer;color:var(--muted);align-items:center;gap:.55rem;padding:.1rem 0 0 1.75rem;display:flex}.prayer-sunnah input{width:1rem;min-width:0;height:1rem;accent-color:var(--next);cursor:pointer;flex:none}.prayer-sunnah .prayer-name{font-size:.85rem;font-weight:600}.prayer-sunnah.is-done .prayer-name{opacity:.85;text-decoration:line-through}.prayer.is-next{background:color-mix(in srgb, var(--next) 10%, white);border-color:color-mix(in srgb, var(--next) 28%, transparent);transform:scale(1.01)}.prayer.is-past{opacity:.55}.prayer-name{font-weight:600}.prayer-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:600}.status{text-align:center;color:var(--muted);flex:none;padding:.2rem .5rem;font-size:.82rem}.error{color:#8a3b2d;background:#8a3b2d14;border:1px solid #8a3b2d2e;border-radius:.9rem;padding:.85rem 1rem;font-size:.92rem}.footer{display:none}.panel-title{margin-bottom:.35rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;font-weight:600}.hint,.install-hint,.notify-msg{color:var(--muted);font-size:.9rem;line-height:1.45}.hint{margin-bottom:.9rem}.notify-row{align-items:center;margin-top:.85rem}.minutes{color:var(--ink);align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:flex}.minutes select{border:1px solid var(--line);color:var(--ink);background:#ffffffd9;border-radius:.65rem;padding:.55rem .7rem}.notify-msg{margin-top:.75rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero,.panel{animation:none}.wheel-slice path{transition:none}.salah-deck .wheel-panel,.salah-deck .history-face,.flip-card{transition:none;animation:none}}.settings-menu p{color:var(--muted);padding:.35rem .55rem .15rem;font-size:.75rem}.settings-menu button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.65rem .7rem;font-weight:600}.settings-menu button:hover{background:#14241f0f}.settings-menu button.danger{color:#8a3b2d}.settings-divider{background:var(--line);height:1px;margin:.35rem .4rem}.settings-section{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:.45rem .55rem .2rem!important;font-size:.72rem!important}.settings-hint{line-height:1.4;padding:.25rem .55rem .45rem!important}.settings-warn{color:#8a3b2d!important}.settings-minutes{color:var(--ink);gap:.35rem;padding:.45rem .55rem;font-size:.85rem;font-weight:600;display:grid}.settings-minutes select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffffff2;border-radius:.55rem;padding:.55rem .65rem}.settings-location{gap:.45rem;padding:.35rem .55rem .55rem;display:grid}.settings-location input{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fffffff2;border-radius:.55rem;padding:.55rem .65rem}.settings-location-btn{background:var(--next);cursor:pointer;border:0;border-radius:.55rem;width:100%;padding:.6rem .7rem;font-weight:600;text-align:center!important;color:#fffdf6!important}.settings-location-btn.ghost{border:1px solid var(--line);background:0 0;color:var(--ink)!important}.settings-location-btn.ghost:hover{background:#14241f0f}.auth-panel .auth-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.auth-form{gap:.75rem;margin-top:.75rem;display:grid}.auth-form label{color:var(--ink);gap:.35rem;font-size:.85rem;font-weight:600;display:grid}.auth-form input{width:100%;min-width:0}.prayer-track{cursor:pointer;align-items:center;gap:.65rem;display:flex}.prayer-track input{width:1.1rem;min-width:0;height:1.1rem;accent-color:var(--next);cursor:pointer;flex:none}.prayer.is-done .prayer-main .prayer-name{opacity:.85;text-decoration:line-through}.track-summary{text-align:center;color:var(--next);margin-top:.85rem;font-size:.88rem;font-weight:600}.track-cta{margin-bottom:.85rem}.linkish{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.week-list{gap:.35rem;margin:0 0 .25rem;padding:0;list-style:none;display:grid}.week-list li{background:#fff6;border-radius:.65rem;justify-content:space-between;padding:.55rem .7rem;font-size:.9rem;font-weight:600;display:flex}.week-list li.is-today{background:color-mix(in srgb, var(--next) 12%, white)}.history-divider{background:var(--line);height:1px;margin:1rem 0 .85rem}.history-embed{gap:.75rem;display:grid}.history-nav{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-month{font-size:1rem;font-weight:700}.history-stats{flex-wrap:wrap;gap:.55rem;margin-bottom:.9rem;display:flex}.history-stats span{color:var(--next);background:color-mix(in srgb, var(--next) 10%, white);border-radius:.55rem;padding:.35rem .55rem;font-size:.78rem;font-weight:700}.history-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.65rem;max-height:min(36rem,62vh);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.history-day{background:#ffffff8c;border-radius:.9rem;flex:none}.history-day.is-today{background:color-mix(in srgb, var(--next) 12%, white)}.history-day.is-open{border:1px solid color-mix(in srgb, var(--next) 28%, transparent)}.history-day-btn{cursor:pointer;width:100%;color:var(--ink);text-align:left;appearance:none;background:0 0;border:0;margin:0;padding:0;display:block}.history-day-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:.65rem;min-height:3.75rem;padding:1rem;display:flex}.history-day-label{flex:auto;min-width:0;font-size:.95rem;font-weight:600;line-height:1.3}.history-dots{flex:none;align-items:center;gap:.28rem;display:flex}.history-dot{width:1.5rem;height:1.5rem;color:var(--muted);background:#14241f14;border-radius:.4rem;flex:none;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex}.history-dot.is-done{color:#fff;background:var(--next)}.history-count{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;white-space:nowrap;flex:none;min-width:2.75rem;font-size:.9rem;font-weight:700;line-height:1.3}.history-detail{border-top:1px solid var(--line);padding:0 .85rem .85rem}.history-detail .hint{margin:.65rem 0 .5rem}.history-group-label:first-of-type{margin-top:.15rem}.history-prayers{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.history-prayers li{padding:.35rem .15rem}.page .sl-bar-inner{min-height:2.7rem;padding:.18rem .65rem .22rem}.page .sl-pop{max-height:min(72svh,34rem);overflow-y:auto}.error{flex:none;padding:.45rem .7rem;font-size:.8rem}@media (height>=880px){.quote-insight{border-top:1px solid color-mix(in srgb, var(--next) 14%, transparent);color:var(--muted);margin:.35rem 0 0;padding-top:.4rem;font-size:.82rem;line-height:1.4;display:block}.quote-translation{-webkit-line-clamp:unset;display:block}.footer{text-align:center;color:var(--muted);opacity:.8;flex:none;padding:.15rem 0 .2rem;font-size:.75rem;display:block}}@media (height<=700px){.quote-translation{-webkit-line-clamp:1}.wheel-stage{max-height:min(16.5rem,36svh)}.history-hero{display:none}.shell{gap:.4rem}}.sl-bar-wrap{pointer-events:none;flex:none;width:100%}.sl-bar{z-index:60;box-sizing:border-box;pointer-events:auto;width:auto;max-width:none;color:var(--sl-bar-fg,var(--ink,#1f2a24));background:var(--sl-bar-bg,color-mix(in srgb, var(--bg,var(--bg0,var(--paper,#fffdf8))) 88%, transparent));border-bottom:1px solid var(--sl-bar-line,var(--line,#1f2a241a));-webkit-backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top);margin:0;position:fixed;top:0;left:0;right:0}.sl-bar-inner{box-sizing:border-box;flex-wrap:nowrap;align-items:center;gap:.45rem .7rem;width:100%;min-height:3.35rem;padding:.4rem .9rem .45rem;display:flex}.sl-bar-brand{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.sl-bar-leading{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sl-bar-mark.sl-app-logo{border-radius:9px;flex-shrink:0;width:2rem;height:2rem}.sl-bar-titles{gap:.05rem;min-width:0;display:grid}h1.sl-bar-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden}.sl-bar-title-hit{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.sl-bar-sub{color:var(--sl-bar-muted,var(--muted,#5d6b63));margin:0;font-size:.72rem;font-weight:550;line-height:1.25}.sl-bar-hi-inline{text-overflow:ellipsis;white-space:nowrap;max-width:9.5rem;color:var(--sl-bar-muted,var(--muted,#5d6b63));flex-shrink:0;margin:0;font-size:.88rem;font-weight:550;display:none;overflow:hidden}.sl-bar-actions{flex:auto;justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.sl-bar .sl-chrome{flex-shrink:0;margin-left:auto}@media (width>=720px){.sl-bar-hi-inline{display:block}}.sl-chrome{z-index:40;white-space:normal;align-items:center;gap:.45rem;display:flex;position:relative}.sl-waffle,.sl-avatar{cursor:pointer;border:none;flex:none;padding:0}.sl-waffle{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;grid-template-rows:repeat(3,5px);grid-template-columns:repeat(3,5px);place-content:center;gap:3px;width:36px;height:36px;display:grid}.sl-bar-actions .toolbar-btn,.sl-bar-actions .nav-btn{box-sizing:border-box;border-radius:50%;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.sl-dot{opacity:.55;background:currentColor;border-radius:50%;width:5px;height:5px}.sl-waffle:hover,.sl-waffle.is-on{background:color-mix(in srgb, currentColor 18%, transparent)}.sl-avatar{color:#fffdf6;letter-spacing:0;background:#0d5c45;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:grid;box-shadow:0 0 0 2px #d4af37}.sl-avatar.is-on{box-shadow:0 0 0 2px #d4af37,0 0 0 4px #d4af3766}.sl-pop{z-index:80;white-space:normal;box-sizing:border-box;color:#1f2a24;background:#fffdf8;border:1px solid #1f2a241a;border-radius:16px;flex-direction:column;align-items:stretch;gap:.45rem;min-width:16.5rem;max-width:min(22rem,100vw - 1.25rem);padding:.85rem;display:flex;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 16px 40px #1f2a2429}.sl-pop-kicker,.sl-who span,.sl-empty{color:#5d6b63;margin:0;font-size:.78rem}.sl-pop-kicker{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.55rem}.sl-pop-apps{min-width:18.75rem}.sl-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;display:grid}.sl-app{min-height:0;color:inherit;text-align:center;background:0 0;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.4rem;padding:.65rem .3rem .5rem;font-size:.72rem;font-weight:650;text-decoration:none;display:flex}.sl-app-logo{background:#1a1d22;border-radius:12px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f121038,inset 0 0 0 1px #ffffff1a}.sl-app-logo svg,.sl-app-logo img{object-fit:cover;width:100%;height:100%;display:block}.sl-app-fallback{color:#fffdf6;background:#24362f;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.sl-app-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;line-height:1.2;display:-webkit-box;overflow:hidden}.sl-app:hover,.sl-app.is-current{color:#084433;background:#d6ebe2}.sl-all{text-align:center;color:#0d5c45;margin-top:.65rem;font-size:.88rem;font-weight:650;text-decoration:none;display:block}.sl-who{gap:.15rem;margin:0 0 .7rem;display:grid}.sl-who strong{font-size:.98rem}.sl-signout{box-sizing:border-box;color:#fffdf6;cursor:pointer;background:#0d5c45;border:none;border-radius:999px;width:100%;padding:.65rem 1rem;font-weight:650;display:block}.sl-menu-btn{box-sizing:border-box;color:#084433;cursor:pointer;background:#f4efe4;border:none;border-radius:999px;width:100%;margin-bottom:0;padding:.6rem 1rem;font-weight:650;display:block}.sl-menu-btn.is-quiet{color:#5d6b63;background:0 0}.sl-pop-account,.sl-pop-settings{min-width:20rem;max-width:min(22.5rem,100vw - 1.5rem)}.sl-pop-settings{--ink:#1f2a24;--muted:#5d6b63;--line:#1f2a2424;max-height:min(72vh,36rem);overflow:auto}.sl-pop-settings .settings-menu{width:100%;max-width:none;box-shadow:none;background:0 0;border:none;padding:0;position:static}.sl-account-copy{color:#5d6b63;margin:0 0 .85rem;font-size:.82rem;line-height:1.4}.sl-name-form{border-bottom:1px solid #1f2a2414;gap:.55rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-name-heading{color:#1f2a24;margin:0;font-size:.9rem;font-weight:700}.sl-name-grid{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.sl-name-form label{color:#5d6b63;gap:.25rem;font-size:.75rem;display:grid}.sl-name-form form{gap:.55rem;display:grid}.sl-name-form input{box-sizing:border-box;width:100%;font:inherit;color:#1f2a24;background:#fff;border:1px solid #1f2a2429;border-radius:10px;padding:.55rem .65rem;font-size:.9rem}.sl-name-ok{color:#0d5c45;margin:0;font-size:.8rem;font-weight:650}.sl-setting{border-bottom:1px solid #1f2a2414;grid-template-columns:1fr auto;align-items:center;gap:.25rem .75rem;margin-bottom:.9rem;padding-bottom:.9rem;display:grid}.sl-setting>div{display:contents}.sl-setting-stack{border-bottom:none;grid-template-columns:1fr;margin-bottom:0;padding-bottom:0}.sl-setting>div>strong,.sl-setting>div>span{display:block}.sl-setting>div>strong{grid-area:1/1;font-size:.9rem;line-height:24px}.sl-setting>div>span{color:#5d6b63;grid-area:2/1/auto/-1;font-size:.78rem;line-height:1.35}.sl-switch{cursor:pointer;background:#d8d2c6;border:none;border-radius:999px;flex-shrink:0;grid-area:1/2;align-self:center;width:42px;height:24px;padding:2px}.sl-switch.is-on{background:#0d5c45}.sl-switch-thumb{background:#fffdf6;border-radius:50%;width:20px;height:20px;display:block;transform:translate(0)}.sl-switch.is-on .sl-switch-thumb{transform:translate(18px)}.sl-code{letter-spacing:.04em;word-break:break-all;background:#f4efe4;border-radius:12px;margin:0;padding:.7rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem}.sl-account-actions{gap:.35rem;display:grid}.sl-account-error{color:#9b2c2c;margin:.65rem 0 0;font-size:.82rem}.history-embed{flex-direction:column;flex:auto;gap:.35rem;min-height:0;display:flex}.history-panel{animation-delay:20ms}.history-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.history-head .panel-title{margin-bottom:0}.history-nav{flex:none;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-month{font-family:Cormorant Garamond,Georgia,serif;font-size:1.12rem;font-weight:600}.history-hero{flex:none;justify-content:center;align-items:center;gap:.7rem;padding:0;display:flex}.history-meter{flex:none;width:3.7rem;height:3.7rem;position:relative}.history-meter svg{width:100%;height:100%;display:block}.history-meter-track{fill:none;stroke:color-mix(in srgb, var(--gold) 35%, #0d5c451f);stroke-width:7px}.history-meter-fill{fill:none;stroke:var(--next);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .45s}.history-meter-hub{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.history-meter-hub strong{font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;font-weight:600;line-height:1}.history-meter-hub span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.12rem;font-size:.58rem;font-weight:700}.history-hero-copy{text-align:left}.history-hero-perfect{font-size:.95rem;font-weight:700}.history-hero-meta{color:var(--muted);margin-top:.15rem;font-size:.82rem;font-weight:600}.salah-ring path:not(.salah-sunnah-rim){fill:#1c2a3229;stroke:none;transition:fill .2s}.salah-ring path.is-done:not(.salah-sunnah-rim){fill:var(--next)}.salah-ring.is-interactive path:not(.salah-sunnah-rim){cursor:pointer;outline:none}.salah-ring.is-interactive path:not(.salah-sunnah-rim):hover,.salah-ring.is-interactive path:not(.salah-sunnah-rim):focus-visible{fill:color-mix(in srgb, var(--next) 42%, #fff)}.salah-ring.is-interactive path.is-done:not(.salah-sunnah-rim):hover,.salah-ring.is-interactive path.is-done:not(.salah-sunnah-rim):focus-visible{fill:color-mix(in srgb, var(--next) 78%, #0c221c)}.salah-ring path.salah-sunnah-rim,.salah-ring-slice.is-sunnah>path.salah-sunnah-rim{fill:none;stroke:#f8fafc;stroke-width:2.5px;stroke-linejoin:round;pointer-events:none}.salah-ring path.salah-sunnah-rim.is-under,.salah-ring-slice.is-sunnah>path.salah-sunnah-rim.is-under{stroke:#0b1014;stroke-width:4.4px}.salah-ring.is-interactive path.salah-sunnah-rim{stroke-width:2.1px}.salah-ring.is-interactive path.salah-sunnah-rim.is-under{stroke-width:3.6px}.salah-dhikr-dot{fill:var(--gold);stroke:#fffdf8;stroke-width:.45px;pointer-events:none}.salah-ring-slice.is-done .salah-dhikr-dot{stroke:color-mix(in srgb, var(--next) 40%, #102822)}.history-cal{flex:auto;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:.1rem .08rem;min-height:0;display:grid}.history-cal-dow{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:center;padding:0 0 .12rem;font-size:.58rem;font-weight:700}.history-cal-blank{min-height:0}.history-cal-cell{cursor:pointer;width:100%;color:var(--ink);appearance:none;background:0 0;border:0;border-radius:.8rem;margin:0;padding:0;display:block}.history-cal-inner{box-sizing:border-box;border-radius:.7rem;flex-direction:column;justify-content:center;align-items:center;gap:.04rem;min-height:0;padding:.08rem .02rem .1rem;display:flex}.history-cal-inner svg{width:clamp(1.35rem,7.4vw,2.05rem);height:clamp(1.35rem,7.4vw,2.05rem)}.history-cal-num{color:var(--muted);font-size:.62rem;font-weight:700;line-height:1}.history-cal-cell.is-today .history-cal-inner{background:color-mix(in srgb, var(--next) 10%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--next) 28%, transparent)}.history-cal-cell.is-complete .history-cal-inner{background:color-mix(in srgb, var(--next) 8%, transparent)}.history-cal-cell.is-selected .history-cal-inner{background:color-mix(in srgb, var(--next) 14%, white);box-shadow:0 0 0 1.5px var(--next)}.history-cal-cell.is-future{opacity:.28;cursor:default}.history-inspect{border:1px solid color-mix(in srgb, var(--gold) 28%, transparent);text-align:center;background:#fffdf8b3;border-radius:1.05rem;margin-top:.85rem;padding:.95rem .7rem 1.05rem}.history-inspect-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--next);font-size:.62rem;font-weight:700}.history-inspect-date{margin-top:.1rem;font-family:Cormorant Garamond,Georgia,serif;font-size:1.45rem;font-weight:600}.history-inspect .hint{margin:.35rem 0 .15rem}.history-inspect-ring{justify-content:center;margin:.15rem 0 .55rem;display:flex}.history-inspect-legend{flex-wrap:wrap;justify-content:center;gap:.32rem;margin:0 0 .35rem;padding:0;list-style:none;display:flex}.history-legend-chip{color:var(--muted);cursor:pointer;background:#1c2a320f;border:0;border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:700}.history-legend-chip.is-done{background:var(--next);color:#f7f1e8}.history-legend-chip.is-dhikr{background:color-mix(in srgb, var(--gold) 22%, #fffdf8);color:var(--ink)}.history-legend-chip.is-dhikr.is-done{background:var(--gold);color:#1f2a24}.history-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.7rem 0 .25rem;font-size:.68rem;font-weight:700}.history-inspect .wheel-optionals{margin-top:.45rem}