.shell{position:relative;z-index:var(--layer-interface);display:flex;flex-direction:column;min-height:100svh;background:transparent}.shell__safe-top{position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top) + var(--space-1));background:var(--env-sky-top);z-index:6;pointer-events:none}.shell__content{flex:1 1 auto;padding:calc(env(safe-area-inset-top) + var(--space-2)) var(--page-margin) var(--space-8);max-width:560px;width:100%;margin:0 auto}.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);padding:var(--space-2) var(--page-margin) calc(env(safe-area-inset-bottom) + var(--space-2));background:#060a128c;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(12px);border-top:1px solid var(--colour-hairline)}.tabbar__tab{text-align:center;padding:var(--space-1) 0;font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-faded);transition:color var(--motion-fast) var(--easing)}.tabbar__tab.is-active{color:var(--colour-accent)}.env{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:layout paint style}.env__state{position:absolute;inset:0;display:block}.env__image{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.env__wash{position:absolute;inset:0;mix-blend-mode:soft-light;opacity:.5;background:linear-gradient(to bottom,var(--env-sky-top, #04060c) 0%,var(--env-sky-horizon, #0a1020) 62%,var(--env-sky-mid, #070b14) 100%)}.env__scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(4,6,12,calc(.62 * var(--env-scrim, 1))),rgba(4,6,12,calc(.38 * var(--env-scrim, 1))) 22%,rgba(4,6,12,calc(.34 * var(--env-scrim, 1))) 42%,rgba(4,6,12,calc(.72 * var(--env-scrim, 1))) 72%,rgba(4,6,12,calc(.88 * var(--env-scrim, 1))))}.env__sky{position:absolute;inset:0;background:linear-gradient(to bottom,var(--env-sky-top, #04060c) 0%,var(--env-sky-mid, #070b14) 46%,var(--env-sky-horizon, #0a1020) 74%,var(--env-sky-mid, #070b14) 100%)}.env__stars{position:absolute;inset:0 0 42%;opacity:var(--env-stars, 0);background-image:radial-gradient(1px 1px at 12% 18%,rgba(242,233,216,.55),transparent 100%),radial-gradient(1px 1px at 27% 9%,rgba(242,233,216,.4),transparent 100%),radial-gradient(1px 1px at 38% 31%,rgba(242,233,216,.5),transparent 100%),radial-gradient(1px 1px at 51% 14%,rgba(242,233,216,.35),transparent 100%),radial-gradient(1px 1px at 63% 26%,rgba(242,233,216,.45),transparent 100%),radial-gradient(1px 1px at 74% 8%,rgba(242,233,216,.3),transparent 100%),radial-gradient(1px 1px at 83% 22%,rgba(242,233,216,.5),transparent 100%),radial-gradient(1px 1px at 91% 12%,rgba(242,233,216,.35),transparent 100%),radial-gradient(1px 1px at 19% 37%,rgba(242,233,216,.28),transparent 100%),radial-gradient(1px 1px at 46% 41%,rgba(242,233,216,.24),transparent 100%);transition:opacity 1.2s linear}.env__glow{position:absolute;left:-20%;right:-20%;top:44%;height:46%;opacity:var(--env-glow, 0);background:radial-gradient(60% 100% at 50% 100%,var(--env-sky-horizon, #16243c) 0%,transparent 72%)}@media(prefers-reduced-motion:reduce){.env__stars{transition:none}}@media(prefers-contrast:more){.env__stars,.env__silhouette,.env__water,.env__surface,.env__glow{opacity:0}.env__sky{background:var(--colour-bg)}}.rota{gap:var(--space-1)}.rota__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.rota__code{font-size:var(--type-label);color:var(--colour-text-secondary);letter-spacing:var(--tracking-label)}.rota__label{font-size:var(--type-title);font-weight:500;color:var(--colour-text)}.rota__note{font-size:var(--type-label);color:var(--colour-text-faded)}.strip{display:flex;gap:3px;margin:var(--space-1) 0 var(--space-0-5)}.strip__day{flex:1 1 0;height:6px;border-radius:2px;background:var(--colour-hairline)}.strip__day.is-working{background:#f2e9d838}.strip__day.is-off{background:#f2e9d814}.strip__day.is-overridden{background:#f2e9d824;box-shadow:inset 0 0 0 1px var(--colour-hairline-strong)}.strip__day.is-today{background:var(--colour-accent);height:10px;margin-top:-2px}.rota__setup{gap:var(--space-1)}.rota__fields{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.input{appearance:none;width:100%;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--colour-text);border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);padding:var(--space-2);font:inherit;font-size:var(--type-body);font-variant-numeric:tabular-nums}.firstrun{position:relative;z-index:var(--layer-interface);display:flex;flex-direction:column;gap:var(--space-4);padding:calc(env(safe-area-inset-top) + var(--space-6)) var(--page-margin) calc(env(safe-area-inset-bottom) + var(--space-6));max-width:560px;margin:0 auto;min-height:100svh}.firstrun__header{display:flex;flex-direction:column;gap:var(--space-1)}.firstrun__title{font-size:var(--type-display);font-weight:500;line-height:var(--leading-tight)}.firstrun__step-legacy{gap:var(--space-2)}.firstrun__body{color:var(--colour-text-secondary)}.firstrun__note{color:var(--colour-text-faded);font-size:var(--type-label)}.firstrun__steps{margin:0;padding-left:var(--space-3);color:var(--colour-text-secondary);display:flex;flex-direction:column;gap:var(--space-0-5)}.firstrun__facts{margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.firstrun__facts>div{display:flex;justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--colour-hairline);padding-top:var(--space-1)}.firstrun__facts dt{color:var(--colour-text-faded);font-size:var(--type-label)}.firstrun__facts dd{margin:0;color:var(--colour-text);font-size:var(--type-label)}.firstrun__actions{display:flex;gap:var(--space-1);margin-top:var(--space-2)}.button{border:1px solid var(--colour-hairline-strong);border-radius:999px;padding:var(--space-1) var(--space-3);color:var(--colour-text-secondary);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;transition:color var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing)}.button--primary{color:var(--colour-accent);border-color:var(--colour-accent)}.button--large{padding:var(--space-2) var(--space-5);font-size:var(--type-label)}.button--quiet{border-color:transparent;padding-inline:var(--space-1);color:var(--colour-text-faded)}.button:disabled{opacity:.5}.choices{display:flex;flex-direction:column;gap:var(--space-1)}.choice{display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--space-2);border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);background:transparent;transition:border-color var(--motion-fast) var(--easing),background-color var(--motion-fast) var(--easing)}.choice.is-selected{border-color:var(--colour-accent);background:var(--colour-accent-dim)}.choice__title{font-size:var(--type-title)}.choice.is-selected .choice__title{color:var(--colour-accent)}.choice__note{font-size:var(--type-label);color:var(--colour-text-secondary)}.field{display:flex;flex-direction:column;gap:var(--space-0-5)}.select{appearance:none;width:100%;background:transparent;color:var(--colour-text);border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);padding:var(--space-2);font:inherit;font-size:var(--type-body)}.firstrun__step{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.firstrun__heading{font-size:var(--type-display);font-weight:400;line-height:1.15;color:var(--colour-text)}.firstrun__meta{font-size:var(--type-label);color:var(--colour-text-faded)}.firstrun__more>summary{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-accent);cursor:pointer;list-style:none}.firstrun__more>summary::-webkit-details-marker{display:none}.firstrun__more[open]>summary{margin-bottom:var(--space-1)}.firstrun__more .firstrun__body{color:var(--colour-text-secondary)}.select.glass,.input.glass,.choice.glass{color:var(--colour-text);background:transparent}.choice.glass.is-selected{background:var(--colour-accent-dim)}.sheet__scrim{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end;background:#03050a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet__dismiss{flex:1 1 auto;width:100%;cursor:default}.sheet{background:var(--colour-surface);border-top:1px solid var(--colour-hairline-strong);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:var(--space-3) var(--page-margin) calc(env(safe-area-inset-bottom) + var(--space-3));max-height:82svh;overflow-y:auto;animation:sheet-in var(--motion-sheet) var(--easing)}@keyframes sheet-in{0%{transform:translateY(12px);opacity:.6}}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.sheet__title{font-size:var(--type-title);font-weight:500}.sheet__subtitle{font-size:var(--type-label);color:var(--colour-text-secondary)}.sheet__body{display:flex;flex-direction:column;gap:var(--space-2)}.sheet__actions{display:flex;flex-wrap:wrap;gap:var(--space-1)}.sheet__row{display:flex;gap:var(--space-2)}.sheet__row>*{flex:1 1 0}.sheet__note{font-size:var(--type-label);color:var(--colour-text-secondary)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip{padding:var(--space-1) var(--space-2);border:1px solid var(--colour-hairline-strong);border-radius:999px;background:transparent;font-size:var(--type-label);color:var(--colour-text-secondary);transition:color var(--motion-fast) var(--easing),border-color var(--motion-fast) var(--easing)}.chip.is-selected{color:var(--colour-accent);border-color:var(--colour-accent);background:var(--colour-accent-dim)}.doing{position:relative;z-index:var(--layer-interface);display:flex;flex-direction:column;gap:var(--space-2);min-height:100svh;padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--page-margin) calc(env(safe-area-inset-bottom) + var(--space-5));max-width:560px;margin:0 auto}.doing__plan{opacity:var(--focus-recede)}.doing__top{display:flex;justify-content:flex-end}.doing__phase{margin-bottom:var(--space-0-5)}.doing__focus{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;margin-top:var(--space-5)}.doing__focus:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-3) * -1) calc(var(--page-margin) * -1);background:var(--surface-lift),linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.9) 12%,rgba(4,6,12,.9) 88%,transparent 100%);pointer-events:none}.doing__activity{position:relative;font-size:var(--type-now);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--colour-text)}.doing__activity[data-phase=upcoming],.doing__activity--clear{font-size:var(--type-display)}.doing__when{font-size:var(--type-body);color:var(--colour-text-secondary)}.doing__elapsed{position:relative;height:1px;margin:var(--space-1) 0;background:var(--colour-hairline);overflow:hidden}.doing__elapsed-fill{position:absolute;inset:0;background:var(--colour-hairline-strong);transform-origin:left center;transition:transform var(--motion-reveal) var(--easing-standard)}.doing__context{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1);font-size:var(--type-label);color:var(--colour-text-secondary)}.doing__context-salah{color:var(--colour-accent)}.doing__context-sep{color:var(--colour-text-faded)}.doing__note{font-size:var(--type-label);line-height:var(--leading-body);color:var(--colour-text-secondary)}.doing__first{display:flex;flex-direction:column;gap:var(--space-0-5);margin-top:var(--space-3)}.doing__first-action{font-size:var(--type-first-thing);line-height:1.35;color:var(--colour-text)}.doing__primary{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-5)}.action{width:100%;min-height:64px;padding:var(--space-2) var(--space-4);border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);background:transparent;color:var(--colour-text);font-size:var(--type-headline);letter-spacing:-.01em;transition:transform var(--motion-micro) var(--easing-standard),background-color var(--motion-micro) var(--easing-standard),border-color var(--motion-micro) var(--easing-standard)}.action--go{border-color:#c6a6648c;color:var(--colour-accent)}.action--go:active{background:var(--colour-accent-dim);border-color:var(--colour-accent)}.doing__plan{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--colour-hairline)}@media(prefers-contrast:more){.doing__top,.doing__plan{opacity:1}.doing__focus:before{background:#04060cf5}.action{background:var(--colour-surface);border-color:var(--colour-accent)}}.available{margin-top:var(--space-2)}.available__note{font-size:var(--type-label);color:var(--colour-text-secondary)}.available__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:var(--space-1) 0 0;padding:0}.available__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.available__label{flex:1 1 auto;font-size:var(--type-body);color:var(--colour-text)}.conflict{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--colour-accent);background:var(--colour-accent-dim);border-radius:var(--radius-card)}.conflict__group{display:flex;flex-direction:column;gap:var(--space-1)}.conflict__heading{font-size:var(--type-body);color:var(--colour-text)}.conflict__list{margin:0;padding-left:var(--space-2);display:flex;flex-direction:column;gap:var(--space-0-5);font-size:var(--type-label);color:var(--colour-text-secondary)}.conflict__prayer{color:var(--colour-accent)}.conflict__actions{display:flex;gap:var(--space-1)}.conflict__note{font-size:var(--type-caption);color:var(--colour-text-secondary)}.cycle{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1);list-style:none;margin:var(--space-1) 0 0;padding:0}.cycle__day{display:flex;flex-direction:column;align-items:center;gap:var(--space-0-5)}.cycle__code{font-size:var(--type-caption);color:var(--colour-text-faded)}.cycle__mark{width:100%;height:3px;border-radius:2px;background:var(--colour-hairline-strong)}.cycle__day.is-working .cycle__mark{background:var(--colour-text-faded)}.cycle__day.is-today .cycle__code{color:var(--colour-accent)}.cycle__day.is-today .cycle__mark{background:var(--colour-accent);height:5px}.cycle__day.is-overridden .cycle__mark{background:repeating-linear-gradient(90deg,var(--colour-text-faded) 0 3px,transparent 3px 6px)}.datebar{position:relative;isolation:isolate;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) 0}.datebar:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-3) * -1);bottom:calc(var(--space-2) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,rgba(4,6,12,.72) 0%,rgba(4,6,12,.6) 55%,transparent 100%);pointer-events:none}.datebar__step{width:40px;height:40px;border-radius:50%;font-size:1.25rem;line-height:1;color:var(--colour-text-secondary)}.datebar__middle{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:0;min-width:0}.datebar__relative{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text)}.datebar__input{appearance:none;background:transparent;border:none;color:var(--colour-text-secondary);font:inherit;font-size:var(--type-caption);text-align:center;padding:0;max-width:100%}.datebar__back{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-accent);padding:0 var(--space-1)}.now{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0 var(--space-1);margin-top:var(--space-3)}.now__activity{font-size:var(--type-now);line-height:1.08;font-weight:400;letter-spacing:-.015em;color:var(--colour-text)}.now__when{font-size:var(--type-body);color:var(--colour-text-secondary)}.now__first{font-size:var(--type-first-thing);line-height:1.3;color:var(--colour-text);margin-top:var(--space-1)}.now__salah{font-size:var(--type-label);color:var(--colour-accent);margin-top:var(--space-0-5)}.now__note{font-size:var(--type-label);color:var(--colour-text-secondary)}.now__action{margin-top:var(--space-2)}.prayer__jamaat{display:flex;flex-direction:column;gap:var(--space-0-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--colour-hairline)}.prayer__jamaat-time{font-size:var(--type-now);line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--colour-accent)}.prayer__jamaat-where{font-size:var(--type-caption);color:var(--colour-text-secondary)}.prayer__none{font-size:var(--type-body);line-height:var(--leading-body);color:var(--colour-text-secondary);max-width:30rem}.prayer__jamaat--none .prayer__none{padding-top:var(--space-0-5)}.prayer__all{display:flex;flex-direction:column;padding-top:var(--space-2)}.prayer__head,.prayer__row{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-1) 0}.prayer__head{padding-bottom:var(--space-0-5);border-bottom:1px solid var(--colour-hairline)}.prayer__head .label:not(:first-child),.prayer__begins,.prayer__congregation{min-width:3.5rem;text-align:right}.prayer__row+.prayer__row{border-top:1px solid var(--colour-hairline)}.prayer__name,.prayer__begins{font-size:var(--type-body);color:var(--colour-text-secondary)}.prayer__congregation{font-size:var(--type-body);color:var(--colour-text)}.prayer__row.is-selected .prayer__name{color:var(--colour-accent)}.prayer__row.is-selected .prayer__begins,.prayer__row.is-selected .prayer__congregation{color:var(--colour-text)}.prayer__source{padding-top:var(--space-2);font-size:var(--type-caption);color:var(--colour-text-faded)}.timeline{position:relative;isolation:isolate;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.timeline:before{content:"";position:absolute;z-index:-1;top:0;bottom:calc(var(--space-2) * -1);left:calc(var(--page-margin) * -1);right:8%;background:linear-gradient(to right,rgba(4,6,12,.82) 0%,rgba(4,6,12,.82) 62%,rgba(4,6,12,.6) 82%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);pointer-events:none}.timeline__button{width:100%;display:grid;grid-template-columns:3.25rem 1fr;gap:var(--space-2);align-items:start;text-align:left;padding:var(--space-1) var(--space-1) var(--space-1) 0;transition:opacity var(--motion-fast) var(--easing-standard)}.timeline__button:active{opacity:.68}.timeline__time{font-size:var(--type-label);color:var(--colour-text-faded);padding-top:2px}.timeline__body{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--colour-hairline);padding:var(--space-1) var(--space-2);background:transparent}.timeline__label{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--type-body);color:var(--colour-text)}.timeline__range{font-size:var(--type-caption);color:var(--colour-text-faded)}.timeline__note{font-size:var(--type-caption);color:var(--colour-text-secondary)}.timeline__note--prayer{color:var(--colour-accent);opacity:.75}.timeline__nowtag{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-accent)}.timeline__row.is-prayer .timeline__body{border-left-color:var(--colour-accent);border-left-width:2px}.timeline__row.is-prayer .timeline__label{color:var(--colour-accent)}.timeline__row.is-free .timeline__body{background:transparent;border-left-style:dashed;border-left-color:var(--colour-hairline-strong)}.timeline__row.is-free .timeline__label{color:var(--colour-text-faded)}.timeline__row.is-anchor .timeline__body{border-left-color:var(--colour-hairline-strong)}.timeline__row.is-past .timeline__label,.timeline__row.is-past .timeline__time{color:var(--colour-text-faded)}.timeline__row.is-past .timeline__body{opacity:.82}.timeline__row.is-current .timeline__body{position:relative;isolation:isolate;border-left-color:var(--colour-accent);border-left-width:3px}.timeline__row.is-current .timeline__body:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-3) * -1) calc(var(--space-4) * -1);background:radial-gradient(55% 60% at 8% 50%,rgba(198,166,100,.15) 0%,rgba(198,166,100,.06) 40%,transparent 68%);pointer-events:none}.timeline__row.is-current .timeline__label{color:var(--colour-text)}.timeline__row.is-current .timeline__time{color:var(--colour-accent)}.timeline__row.is-approx .timeline__time,.timeline__row.is-approx .timeline__range{color:var(--colour-text-faded);font-style:normal;opacity:.85}.timeline__row.is-approx .timeline__body{border-left-style:dotted}.timeline__row.is-done .timeline__label{color:var(--colour-text-faded)}.timeline__donetag{margin-left:var(--space-1);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-faded)}.today{display:flex;flex-direction:column;gap:var(--space-2)}.today__bismillah{font-size:var(--type-arabic);line-height:var(--leading-arabic);color:var(--colour-text);text-align:right;margin-top:var(--space-2);opacity:.92}.today__next{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;padding:var(--space-1) 0;margin-top:var(--space-3)}.today__next-body{display:flex;align-items:baseline;gap:var(--space-2)}.today__next-name{font-size:var(--type-headline);color:var(--colour-text)}.today__next-time{font-size:var(--type-headline);color:var(--colour-accent)}.today__next-in{font-size:var(--type-label);color:var(--colour-text-faded)}.today__day{margin-top:var(--space-4);gap:var(--space-2)}.today__rota{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--type-label);color:var(--colour-accent)}.today__rota-label{color:var(--colour-text-faded)}.today__add{display:flex;margin-top:var(--space-2)}.today__kept{margin-top:var(--space-3)}.today__unplaced{margin:0;padding:0;list-style:none;color:var(--colour-text-secondary);font-size:var(--type-label);display:flex;flex-direction:column;gap:var(--space-0-5)}.today__quiet{font-size:var(--type-label);color:var(--colour-text-secondary)}.today__blocked{margin-top:var(--space-4)}.screen{display:flex;flex-direction:column;gap:var(--space-4)}.screen__header{display:flex;flex-direction:column;gap:var(--space-1)}.screen__title{font-size:var(--type-headline);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.01em}.card{position:relative;isolation:isolate;background:transparent;border:none;border-top:1px solid var(--colour-hairline);border-radius:0;padding:var(--space-3) 0 var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.card:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.62) 14%,rgba(4,6,12,.62) 86%,transparent 100%);pointer-events:none}.card:first-of-type{border-top:none}.card__title{font-size:var(--type-headline);font-weight:400;line-height:var(--leading-tight)}.card__note{color:var(--colour-text-secondary);font-size:var(--type-label)}.pending{border-top-style:dashed;border-top-color:var(--colour-hairline-strong);color:var(--colour-text-faded)}.pending .card__title{color:var(--colour-text-secondary);font-weight:400}.pending__milestone{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-faded)}.source{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--space-1);border-bottom:1px solid var(--colour-hairline)}.source__authority{font-size:var(--type-body);color:var(--colour-text)}.source__detail{font-size:var(--type-caption);color:var(--colour-text-faded);word-break:break-word}.source__notice{font-size:var(--type-caption);color:var(--colour-text-faded);white-space:pre-wrap;border-left:2px solid var(--colour-hairline);padding-left:var(--space-1);margin-top:var(--space-0-5)}.source__pending{font-size:var(--type-label);color:var(--colour-text-secondary)}.source__footer{font-size:var(--type-caption);color:var(--colour-text-faded)}.encounter{position:relative;z-index:var(--layer-interface);display:flex;flex-direction:column;gap:var(--space-4);min-height:100svh;padding:calc(env(safe-area-inset-top) + var(--space-4)) var(--page-margin) calc(env(safe-area-inset-bottom) + var(--space-4));max-width:560px;margin:0 auto}.encounter__top{position:relative;isolation:isolate;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.encounter__top:before{content:"";position:absolute;z-index:-1;top:calc(env(safe-area-inset-top) * -1 - var(--space-4));bottom:calc(var(--space-8) * -2);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,rgba(4,6,12,.8) 0%,rgba(4,6,12,.78) 45%,rgba(4,6,12,.6) 76%,transparent 100%);pointer-events:none}.encounter__reference,.encounter__reference-button{color:var(--colour-text-secondary)}.encounter__reference{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-secondary)}.encounter__arabic{position:relative;isolation:isolate;font-family:var(--font-arabic);direction:rtl;font-size:2.5rem;line-height:2.2;color:var(--colour-text);text-align:center;padding:var(--space-5) 0;text-wrap:pretty}@media(max-height:700px){.encounter__arabic{font-size:2.125rem;padding:var(--space-4) 0}}.encounter__arabic:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-2) * -1);bottom:calc(var(--space-2) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0,rgba(4,6,12,.82) 40px,rgba(4,6,12,.82) calc(100% - 40px),transparent 100%);pointer-events:none}.encounter__hidden{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:11rem;padding:var(--space-5) var(--space-3);text-align:center;text-wrap:balance;color:var(--colour-text-secondary);font-size:var(--type-body);line-height:var(--leading-body)}.encounter__hidden:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-2) * -1) calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0,rgba(4,6,12,.82) 40px,rgba(4,6,12,.82) calc(100% - 40px),transparent 100%);pointer-events:none}.encounter__label{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-secondary)}.encounter__meaning{font-size:1.0625rem;color:var(--colour-text-secondary);line-height:1.65}.encounter__footnotes{font-size:var(--type-caption);color:var(--colour-text-secondary);white-space:pre-wrap;border-left:2px solid var(--colour-hairline);padding-left:var(--space-2)}.encounter__actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:auto}.encounter__note{font-size:var(--type-label);color:var(--colour-text-secondary)}.encounter__pending{border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.ayahcard__arabic{position:relative;isolation:isolate;font-family:var(--font-arabic);direction:rtl;font-size:1.6rem;line-height:var(--leading-arabic);color:var(--colour-text);text-align:right;padding:var(--space-1) 0}.ayahcard__arabic:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-2) * -1);bottom:calc(var(--space-2) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.72) 22%,rgba(4,6,12,.72) 78%,transparent 100%);pointer-events:none}.ayahcard__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.quran__queue{display:flex;flex-direction:column;gap:var(--space-0-5);margin-top:var(--space-1)}.quran__queue-item{display:flex;justify-content:space-between;font-size:var(--type-label);color:var(--colour-text-secondary)}.wordband{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-2)}.wordband:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-4) * -1);bottom:calc(var(--space-4) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.8) 26%,rgba(4,6,12,.8) 74%,transparent 100%);pointer-events:none}.wordband__list{direction:rtl;display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3) var(--space-3);list-style:none;padding:0;margin:0}.wordband__word{display:flex;flex-direction:column;align-items:center;gap:var(--space-0-5);min-width:0;flex:0 0 auto}.wordband__arabic{font-family:var(--font-arabic);font-size:1.5rem;line-height:1.7;color:var(--colour-text);opacity:.86}.wordband__gloss{direction:ltr;font-size:.8125rem;line-height:1.35;color:var(--colour-text-secondary);text-align:center;max-width:9rem;text-wrap:balance}.encounter__translation{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1) 0}.encounter__translation:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-4) * -1);bottom:calc(var(--space-4) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.8) 24%,rgba(4,6,12,.8) 76%,transparent 100%);pointer-events:none}.encounter__actions--inline{margin-top:0}.encounter__browse{display:flex;justify-content:space-between;gap:var(--space-1);margin-top:calc(var(--space-3) * -1)}.encounter__browse .button{color:var(--colour-text-secondary)}.encounter__browse .button:disabled{color:var(--colour-text-faded)}.encounter__secondary{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.encounter__reference-button{display:inline-flex;align-items:baseline;gap:var(--space-0-5);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-secondary);text-align:left}.encounter__reference-button:after{content:"▾";font-size:.7em}.picker__filter{width:100%;border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);padding:var(--space-1) var(--space-2);background:transparent;color:var(--colour-text);font-size:var(--type-body)}.picker__surahs{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.picker__surah{display:flex;align-items:baseline;gap:var(--space-2);width:100%;padding:var(--space-1) 0;border-bottom:1px solid var(--colour-hairline);color:var(--colour-text-secondary);text-align:left}.picker__surah--current,.picker__ayah--current{color:var(--colour-accent)}.picker__number{min-width:2.4rem;font-size:var(--type-body)}.picker__name{flex:1 1 auto;font-family:var(--font-arabic);direction:rtl;font-size:1.25rem;line-height:var(--leading-arabic);color:var(--colour-text)}.picker__count{font-size:var(--type-caption);color:var(--colour-text-faded)}.picker__actions{display:flex;align-items:center;gap:var(--space-2)}.picker__ayat{display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:var(--space-1);list-style:none;padding:0;margin:0}.picker__ayah{width:100%;padding:var(--space-1) 0;border:1px solid var(--colour-hairline);border-radius:var(--radius-card);color:var(--colour-text-secondary);font-size:var(--type-body);font-variant-numeric:tabular-nums}.picker__lines{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.picker__english{font-size:var(--type-body);color:var(--colour-text)}.picker__beneath{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.picker__reference{display:flex;gap:var(--space-1);align-items:center}.picker__reference .picker__filter{flex:1 1 auto}.picker__resolved{display:flex;flex-direction:column;gap:2px;padding:var(--space-1) var(--space-2);border-left:2px solid var(--colour-accent)}.picker__resolved--no{border-left-color:var(--colour-hairline-strong);color:var(--colour-text-faded);font-size:var(--type-label)}.picker__tabs{display:flex;gap:var(--space-1)}.picker__tab{flex:1 1 0;padding:var(--space-1) 0;border-bottom:1px solid var(--colour-hairline);color:var(--colour-text-faded);font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.picker__tab--on{color:var(--colour-accent);border-bottom-color:var(--colour-accent)}.picker__results{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.picker__result{display:flex;flex-direction:column;gap:var(--space-0-5);width:100%;padding-bottom:var(--space-2);border-bottom:1px solid var(--colour-hairline);text-align:left}.picker__result-arabic{font-family:var(--font-arabic);direction:rtl;font-size:1.35rem;line-height:var(--leading-arabic);color:var(--colour-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.picker__result-text{font-size:var(--type-label);line-height:var(--leading-body);color:var(--colour-text-secondary)}.picker__match{background:transparent;color:var(--colour-accent);font-weight:500}.entry{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) 0 var(--space-3)}.entry:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-2) * -1) calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.82) 12%,rgba(4,6,12,.82) 88%,transparent 100%);pointer-events:none}.entry__place{font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-secondary)}.entry__arabic{font-family:var(--font-arabic);direction:rtl;font-size:1.875rem;line-height:2.1;color:var(--colour-text);text-align:right;padding:var(--space-1) 0}.entry__action{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-2)}.entry__note{font-size:var(--type-caption);color:var(--colour-text-secondary);text-align:center}.entry__sources{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--space-0-5);width:100%;padding-top:var(--space-2);border-top:1px solid var(--colour-hairline);text-align:left}.entry__sources:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-2) * -1) calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,.78) 18%,rgba(4,6,12,.78) 82%,transparent 100%);pointer-events:none}.entry__sources-line{font-size:var(--type-caption);line-height:var(--leading-body);color:var(--colour-text-secondary)}.encounter__note--standalone{position:relative;isolation:isolate;color:var(--colour-text-secondary)}.encounter__note--standalone:before{content:"";position:absolute;z-index:-1;inset:calc(var(--space-2) * -1) calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0,rgba(4,6,12,.8) 16px,rgba(4,6,12,.8) calc(100% - 16px),transparent 100%);pointer-events:none}.wordband__list.has-meanings{gap:var(--space-4) var(--space-3)}.backup{gap:var(--space-2)}.backup__note{font-size:var(--type-label);line-height:var(--leading-body);color:var(--colour-text-secondary)}.backup__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);margin-top:var(--space-1)}.backup__file{display:none}.backup__said{font-size:var(--type-label);color:var(--colour-accent)}.backup__refused{font-size:var(--type-label);line-height:var(--leading-body);color:var(--colour-text-secondary);padding-left:var(--space-2);border-left:2px solid var(--colour-hairline-strong)}.backup__done{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding-top:var(--space-1)}.backup__confirm{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--colour-hairline-strong)}.backup__from{font-size:var(--type-caption);color:var(--colour-text-faded)}.backup__warning{font-size:var(--type-body);line-height:var(--leading-body);color:var(--colour-text)}.backup__confirm-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);margin-top:var(--space-1)}.update{gap:var(--space-1)}.update__build{font-size:var(--type-caption);color:var(--colour-text-faded)}.update__actions{display:flex;margin-top:var(--space-1)}.update__said{font-size:var(--type-label);line-height:var(--leading-body);color:var(--colour-text-secondary)}.settings__facts{margin:var(--space-1) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.settings__facts>div{display:flex;justify-content:space-between;gap:var(--space-2);border-top:1px solid var(--colour-hairline);padding-top:var(--space-1);font-size:var(--type-label)}.settings__facts dt{color:var(--colour-text-faded)}.settings__facts dd{margin:0;color:var(--colour-text-secondary)}.settings__months{display:flex;flex-direction:column;gap:var(--space-0-5);margin-top:var(--space-1)}.settings__month{display:flex;justify-content:space-between;font-size:var(--type-label);color:var(--colour-text-secondary)}.settings__month-count{color:var(--colour-text-faded)}.settings__month-count.is-partial{color:var(--colour-accent)}.settings__url{display:block;margin-top:var(--space-0-5);overflow-wrap:anywhere;font-size:var(--type-caption);color:var(--colour-text-faded)}.card>.field>.select{font-size:var(--type-label)}:root{--colour-bg: #070b14;--colour-surface: #0f1626;--colour-surface-raised: #162034;--colour-text: #f2e9d8;--colour-text-secondary: #b9b0a0;--colour-text-faded: #7b7566;--colour-accent: #c6a664;--colour-accent-dim: rgba(198, 166, 100, .16);--colour-hairline: rgba(242, 233, 216, .08);--colour-hairline-strong: rgba(242, 233, 216, .16);--font-latin: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-arabic: "Amiri Quran", "Geeza Pro", serif;--type-display: 2rem;--type-headline: 1.5rem;--type-title: 1.125rem;--type-body: 1rem;--type-label: .8125rem;--type-caption: .75rem;--type-arabic: 2rem;--type-now: 2.5rem;--type-first-thing: 1.375rem;--leading-tight: 1.2;--leading-body: 1.5;--leading-arabic: 2.1;--tracking-label: .08em;--space-0-5: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--page-margin: var(--space-3);--radius-card: 14px;--radius-sheet: 20px;--motion-fast: .14s;--motion-micro: .18s;--motion-reveal: .22s;--motion-sheet: .24s;--motion-moment: .6s;--motion-cinematic: 2s;--easing: cubic-bezier(.2, 0, .2, 1);--easing-standard: cubic-bezier(.2, 0, .2, 1);--easing-sheet: cubic-bezier(.32, .72, 0, 1);--env-sky-top: #04060c;--env-sky-mid: #070b14;--env-sky-horizon: #0a1020;--env-glow: .05;--env-stars: .5;--env-silhouette: .1;--env-water: .08;--env-accent: 1;--env-scrim: 1;--layer-world: 0;--layer-interface: 1;--layer-focus: 2;--surface-lift: radial-gradient( 120% 80% at 50% 0%, rgba(242, 233, 216, .05) 0%, transparent 70% );--focus-recede: .6}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,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")}.motion-press{transition:transform var(--motion-micro) var(--easing-standard)}.motion-press:active{transform:scale(.97)}.motion-fade{animation:lifeos-fade var(--motion-reveal) var(--easing-standard) both}.motion-rise{animation:lifeos-rise var(--motion-sheet) var(--easing-sheet) both}.motion-complete{animation:lifeos-complete var(--motion-moment) var(--easing-standard) both}.motion-settle{animation:lifeos-settle .4s var(--easing-standard) both}.motion-sweep:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(to right,transparent,var(--colour-accent) 35%,var(--colour-accent) 65%,transparent);transform-origin:left center;animation:lifeos-sweep var(--motion-moment) var(--easing-standard) both;pointer-events:none}@keyframes lifeos-fade{0%{opacity:0}}@keyframes lifeos-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lifeos-settle{0%{transform:translateY(-4px);color:var(--colour-accent)}to{transform:translateY(0);color:var(--colour-text)}}@keyframes lifeos-sweep{0%{transform:scaleX(0);opacity:.9}70%{transform:scaleX(1);opacity:.9}to{transform:scaleX(1);opacity:0}}@keyframes lifeos-complete{0%{opacity:1}40%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.motion-press{transition:opacity var(--motion-fast) linear}.motion-press:active{transform:none;opacity:.7}.motion-rise{animation:lifeos-fade var(--motion-fast) linear both}.motion-fade,.motion-complete{animation-duration:var(--motion-fast)}.motion-settle{animation:lifeos-fade var(--motion-fast) linear both}.motion-sweep:after{animation:lifeos-fade var(--motion-moment) linear both;transform:none}}.ground{position:relative;isolation:isolate}.ground:before{content:"";position:absolute;z-index:-1;top:calc(var(--space-4) * -1);bottom:calc(var(--space-4) * -1);left:calc(var(--page-margin) * -1);right:calc(var(--page-margin) * -1);background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,calc(var(--ground-strength, .66) * .55)) 22%,rgba(4,6,12,var(--ground-strength, .66)) 50%,rgba(4,6,12,calc(var(--ground-strength, .66) * .55)) 78%,transparent 100%);pointer-events:none}.ground--strong{--ground-strength: .82}.ground--soft{--ground-strength: .45}.ground--panel:before{background:linear-gradient(to bottom,transparent 0%,rgba(4,6,12,var(--ground-strength, .72)) 4%,rgba(4,6,12,var(--ground-strength, .72)) 96%,transparent 100%)}.ground--panel{--ground-strength: .86}.glass{background:transparent;border:1px solid var(--colour-hairline-strong);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1)}.glass.is-selected,.glass:active{border-color:var(--colour-accent)}.section{display:flex;flex-direction:column;gap:var(--space-1)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.section__rule{height:1px;background:linear-gradient(to right,var(--colour-hairline-strong),transparent)}@media(prefers-reduced-transparency:reduce){.glass{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){.ground{--ground-strength: .94}.glass{border-color:var(--colour-text-secondary);-webkit-backdrop-filter:none;backdrop-filter:none}}*,*:before,*:after{box-sizing:border-box}html{background:var(--colour-bg);-webkit-text-size-adjust:100%}body{margin:0;background:transparent;color:var(--colour-text);font-family:var(--font-latin);font-size:var(--type-body);line-height:var(--leading-body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100svh}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}.numeral{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.label{font-size:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--colour-text-secondary)}.arabic{font-family:var(--font-arabic);direction:rtl;line-height:var(--leading-arabic)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}