.detail{display:flex;flex-direction:column;gap:20px;padding:8px var(--space-4) calc(40px + env(safe-area-inset-bottom))}.detail__top{display:flex;align-items:center;justify-content:space-between;height:56px}.pill-btn{display:flex;align-items:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;text-decoration:none}.detail__head{display:flex;flex-direction:column;gap:8px}.detail__title{margin:0;font:500 28px/1.1 var(--font-display);letter-spacing:-.045em}.tag-butter{display:flex;align-self:flex-start;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--butter);color:var(--on-accent);font:700 12px/1 var(--font-tag)}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{display:flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface);font-size:13px}.today-row{display:flex;align-items:center;gap:12px;min-height:60px;padding:6px 6px 6px 18px;border-radius:var(--radius-lg);background:var(--surface)}.today-row__text{display:flex;flex-direction:column;flex-grow:1}.today-row__title{font-size:15px;font-weight:500}.today-row__sub{font-size:13px;color:var(--text-muted)}.today-row__btn{height:var(--tap-min);padding:0 16px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:500}.today-row__btn.is-done{background:var(--lime);color:var(--on-accent)}.bento3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bento3__hero{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:168px;padding:18px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.bento3__hero small{font-size:13px;color:var(--on-dark-muted)}.bento3__big{font:500 48px/1 var(--font-display);letter-spacing:-.05em;color:var(--lime)}.bento3__tile{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface)}.bento3__tile--pink{background:var(--pink);color:var(--on-accent)}.bento3__num{font:500 26px/1.15 var(--font-display);letter-spacing:-.05em}.bento3__label{font-size:13px;color:var(--text-muted)}.bento3__tile--pink .bento3__label{color:var(--on-accent)}.dotcard{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}.dotcard__head{display:flex;justify-content:space-between;align-items:baseline}.dotcard__title{font-size:15px;font-weight:500}.dotcard__range{font-size:12px;color:var(--text-muted)}.dotgrid{display:grid}.dot{display:block;aspect-ratio:1;border-radius:var(--radius-pill);box-sizing:border-box}.dot--done{background:var(--lime)}.dot--some{background:var(--lime-faint)}.dot--missed{background:var(--missed)}.dot--paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 2px,var(--bg) 2px 4px)}.dot--today{border:2px solid var(--text);background:var(--bg)}.dot--future{border:1.5px dashed var(--upcoming-line)}.dot--off{transform:scale(.35);background:var(--surface-strong)}.dotlegend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--text-subtle)}.dotlegend span{display:flex;align-items:center;gap:5px}.dotlegend i{width:10px;height:10px;border-radius:var(--radius-pill)}.actions{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);overflow:hidden}.action{display:flex;align-items:center;gap:12px;min-height:60px;padding:6px 18px;border:0;background:var(--surface);color:var(--text);text-align:left;text-decoration:none;font-size:15px}.action--switch{justify-content:space-between;padding-right:8px}.action__text{display:flex;flex-direction:column}.action__title{font-size:15px;font-weight:500}.action__sub{font-size:13px;color:var(--text-muted)}.action--danger{color:var(--danger);font-weight:500}.confirm{display:flex;flex-direction:column;gap:10px;padding:14px 18px;background:var(--surface)}.confirm p{margin:0;font-size:14px;line-height:1.4}.confirm .btn-pair button,.confirm .btn-pair a{height:var(--tap-min);border:0;border-radius:var(--radius-pill);font-size:14px;display:flex;align-items:center;justify-content:center;text-decoration:none}.btn-cancel{background:var(--bg);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;font-weight:500}.footnote-center{font-size:12px;color:var(--text-muted);text-align:center}.form-head{position:sticky;top:0;z-index:5;height:72px;padding:0 var(--space-4);display:flex;align-items:center;justify-content:space-between;background:var(--bg)}.form-head h1{margin:0;font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.form{display:flex;flex-direction:column;gap:26px;padding:4px var(--space-4) calc(130px + env(safe-area-inset-bottom))}.form-sec{display:flex;flex-direction:column;gap:12px}.form-sec--10{gap:10px}.form-sec__head{display:flex;justify-content:space-between;align-items:baseline}.form-label{margin:0;font-size:15px;font-weight:500;color:var(--text-subtle)}.form-hint{font-size:14px;color:var(--text-muted)}.form-note{font-size:13px;line-height:1.4;color:var(--text-muted)}.suggest{display:flex;flex-wrap:wrap;gap:6px}.suggest button{display:flex;align-items:center;gap:4px;height:32px;padding:0 12px;border:1px dashed var(--upcoming-line);border-radius:var(--radius-pill);background:var(--bg);font-size:13px}.count-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 6px 6px 18px;border-radius:var(--radius-pill);background:var(--surface);font-size:15px;font-weight:500}.grid7{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.chip-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:44px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:14px}.chip-btn[aria-pressed=true],.chip-btn[aria-checked=true]{background:var(--primary);color:var(--on-primary);font-weight:500}.chip-btn--date{height:52px}.chip-btn--date small{font-size:11px;opacity:.75}.chip-btn--date b{font:500 15px/1.2 var(--font-display)}.chip-btn--num{height:40px;font:400 13px/1 var(--font-display)}.anyday{display:flex;align-items:center;justify-content:space-between}.anyday__btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 4px 0 12px;border:0;background:transparent;font-size:14px;color:var(--text)}.white-days{display:flex;align-self:flex-start;align-items:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--surface);font-size:14px;color:var(--text)}.white-days[aria-pressed=true]{background:var(--butter);color:var(--on-accent);font-weight:500}.next-dates{font-size:13px;color:var(--text-subtle)}.slot{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:var(--radius-lg);background:var(--surface)}.slot__title{display:flex;align-self:flex-start;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--bg);font:700 12px/1 var(--font-tag)}.slot .seg>button{font-size:13px}.slot__text{font-size:14px;line-height:1.4;color:var(--text-subtle)}.slot__time{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px 6px 4px 16px;border-radius:var(--radius-pill);background:var(--bg);font-size:15px}.slot__time input{height:var(--tap-min);padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--surface);font:500 16px/1 var(--font-display)}.slot__salah{display:flex;align-items:center;gap:8px}.slot__salah .seg{flex-grow:1}.prayer-pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.prayer-pick button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:52px;border:0;border-radius:var(--radius-pill);background:var(--bg);color:var(--text)}.prayer-pick button span:first-child{font-size:13px;font-weight:500}.prayer-pick button span:last-child{font-size:11px;opacity:.75}.prayer-pick button[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.remind{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:8px 8px 8px 18px;border-radius:var(--radius-lg);background:var(--surface)}.preview{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.preview__tag{display:flex;align-self:flex-start;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);font:700 12px/1 var(--font-tag)}.preview__name{font:500 20px/1.2 var(--font-display);letter-spacing:-.04em}.preview__sum{font-size:14px;line-height:1.4;color:var(--on-dark-muted)}.form-foot{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:6;width:100%;max-width:430px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--surface)}.form-foot .btn--primary{box-shadow:var(--shadow-fab)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--bg);border-top:1px solid var(--surface)}.tabbar__tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:12px;text-decoration:none}.tabbar__tab:active{transform:none}.tabbar__icon{width:56px;height:30px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.tabbar__tab[aria-current=page]{color:var(--text);font-weight:500}.tabbar__tab[aria-current=page] .tabbar__icon{background:var(--lime);color:var(--on-accent)}.fab{position:fixed;z-index:21;bottom:calc(100px + env(safe-area-inset-bottom));right:max(16px,calc(50vw - 199px));width:var(--fab);height:var(--fab);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-fab);text-decoration:none}.home{display:flex;flex-direction:column;gap:18px;padding:28px var(--space-4) calc(180px + env(safe-area-inset-bottom));touch-action:pan-y}.home-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.home-head__text{display:flex;flex-direction:column;gap:6px;min-width:0}.home-head__titlerow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-head__title{margin:0;font:500 22px/1.15 var(--font-display);letter-spacing:-.04em}.home-head__tag{display:flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--surface);font:700 11px/1 var(--font-tag)}.home-head__sub{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--text-muted)}.hijri-ar{font-family:var(--font-arabic);font-size:17px;color:var(--text)}.city-chip{display:flex;align-items:center;gap:4px;height:32px;padding:0 12px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--surface);font-size:14px;white-space:nowrap}.pill-dark{display:flex;align-items:center;height:32px;padding:0 12px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font-size:13px;font-weight:500;white-space:nowrap}.place-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 16px;border-radius:var(--radius-lg);background:var(--butter);color:var(--on-accent);text-decoration:none}.place-nudge span:first-child{display:flex;flex-direction:column}.place-nudge b{font-size:15px;font-weight:500}.place-nudge small{font-size:13px}.place-nudge__go{flex-shrink:0;height:36px;padding:0 14px;display:flex;align-items:center;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-dark);font-size:13px;font-weight:500}.view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-strong)}.view-switch a{display:flex;align-items:center;justify-content:center;height:40px;border-radius:var(--radius-pill);color:var(--text-subtle);font-size:15px;text-decoration:none}.view-switch a[aria-current=page]{background:var(--bg);color:var(--text);font-weight:500;box-shadow:var(--shadow-thumb)}.day-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day-strip button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:62px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text)}.day-strip__dow{font-size:12px;color:var(--text-muted)}.day-strip__num{font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.day-strip__dot{width:4px;height:4px;border-radius:var(--radius-pill);background:transparent}.day-strip button.is-today .day-strip__dot{background:var(--text)}.day-strip button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.day-strip button[aria-pressed=true] .day-strip__dow{color:inherit;opacity:.72}.day-strip button[aria-pressed=true].is-today .day-strip__dot{background:var(--lime)}.dayprog{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.dayprog__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex-grow:1}.dayprog__title{font:500 16px/1.25 var(--font-display);letter-spacing:-.03em}.dayprog__sub{font-size:13px;color:var(--on-dark-muted)}.dayprog__pause{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-size:13px;font-weight:500}.ring48{position:relative;width:48px;height:48px;flex-shrink:0}.ring48 svg{display:block}.ring48__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--font-display);letter-spacing:-.04em;color:var(--lime)}.your-day{display:flex;justify-content:space-between;align-items:center;gap:12px}.h-section{margin:0;font:500 20px/1.2 var(--font-display);letter-spacing:-.04em}.layout-switch{display:flex;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--surface-strong)}.layout-switch button{display:flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-subtle);font-size:13px}.layout-switch button[aria-pressed=true]{background:var(--bg);color:var(--text);font-weight:500;box-shadow:var(--shadow-thumb)}.hint{font-size:13px;color:var(--text-muted)}.is-faded{opacity:.55}.tap44{position:relative;width:var(--tap-min);height:var(--tap-min);flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text)}.tap44:disabled{cursor:default}.check{width:var(--check);height:var(--check);border-radius:var(--radius-pill);border:2px solid var(--control-line)}.check--done{border:0;background:var(--lime);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.check--on-dark{border-color:#ffffff8c}.check--late{border:0;background:var(--ink);color:var(--butter);display:flex;align-items:center;justify-content:center}.count__ring{position:absolute;top:2px;left:2px}.count__full{position:absolute;top:5px;left:5px;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--lime)}.count__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--font-display);letter-spacing:-.02em}.count:has(.count__full) .count__text{color:var(--on-accent)}.day-list{display:flex;flex-direction:column;gap:18px}.group{display:flex;flex-direction:column;gap:8px}.group__head{display:flex;justify-content:space-between;align-items:baseline}.group__title{margin:0;font-size:15px;font-weight:500;color:var(--text-subtle)}.salah-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.salah-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:68px;border:0;border-radius:var(--radius-row);background:var(--surface);color:var(--text)}.salah-tile__name{font-size:14px;font-weight:500}.salah-tile__time{font-size:12px;color:var(--text-muted)}.salah-tile__mark{width:20px;height:20px;box-sizing:border-box;border-radius:var(--radius-pill);border:2px solid var(--control-line);display:flex;align-items:center;justify-content:center}.salah-tile.is-done{background:var(--lime);color:var(--on-accent)}.salah-tile.is-done .salah-tile__time{color:inherit}.salah-tile.is-done .salah-tile__mark{border:0;background:var(--ink);color:var(--lime)}.salah-tile.is-late{background:var(--butter);color:var(--on-accent)}.salah-tile.is-late .salah-tile__mark{border:0}.salah-tile.is-late .salah-tile__time{color:inherit;font:700 12px/1.2 var(--font-tag)}.salah-tile.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--surface) 4px 8px);color:var(--text-subtle)}.salah-tile.is-paused .salah-tile__mark{border-style:dashed}.tl__card--paused{opacity:.55}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-tag{display:flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--surface);font:700 12px/1 var(--font-tag);color:var(--text)}.chip-tag--muted{color:var(--text-subtle)}.rows{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-row);overflow:hidden}.rows--lg{border-radius:var(--radius-lg)}.hrow{display:flex;align-items:center;gap:8px;min-height:var(--row-h);padding:4px 4px 4px 14px;background:var(--surface)}.hrow__text{display:flex;flex-direction:column;gap:1px;flex-grow:1;min-width:0}.hrow__name{font-size:15px;font-weight:500;color:inherit;text-decoration:none}.hrow__name.is-done{text-decoration:line-through;color:var(--text-muted)}.hrow__meta{font-size:13px;color:var(--text-muted)}.tl{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tl:before{content:"";position:absolute;left:51px;top:20px;bottom:20px;width:2px;background:var(--surface-strong)}.tl__item{position:relative;display:grid;grid-template-columns:40px 12px minmax(0,1fr);gap:6px;align-items:center}.tl__item--marker{min-height:30px}.tl__item--now{min-height:28px}.tl__time{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.tl__time b{font:600 15px/1.1 var(--font-display);letter-spacing:-.03em}.tl__time--habit b{font-size:14px;font-weight:500;color:var(--text-subtle)}.tl__time--marker b{font-size:14px;font-weight:500;color:var(--text-muted)}.tl__time small{font-size:11px;color:var(--text-muted)}.tl__dot{justify-self:center;width:14px;height:14px;border-radius:var(--radius-pill);background:var(--text);box-shadow:0 0 0 4px var(--bg)}.tl__dot--hollow{width:10px;height:10px;box-sizing:border-box;background:var(--bg);border:2px solid var(--text);box-shadow:none}.tl__dot--marker{width:20px;height:20px;background:var(--bg);box-shadow:none;color:var(--text-subtle);display:flex;align-items:center;justify-content:center}.tl__dot--now{width:12px;height:12px;background:var(--ink);box-shadow:0 0 0 4px var(--pink)}.tl__card{display:flex;align-items:center;gap:8px;min-height:var(--row-h);padding:4px 4px 4px 14px;border-radius:var(--radius-row);background:var(--surface)}.tl__card--salah{background:var(--forest);color:var(--on-dark)}.tl__card--late{background:var(--butter);color:var(--on-accent)}.tl__name{font:500 16px/1.25 var(--font-display);letter-spacing:-.03em}.tl__name.is-done{text-decoration:line-through}.tl__sub{font-size:13px;color:var(--on-dark-muted)}.tl__card--late .tl__sub{color:var(--on-accent)}.tl__marker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 4px;font-size:15px;font-weight:500}.tl__nowline{display:flex;align-items:center;gap:8px}.tl__nowline:after{content:"";flex-grow:1;height:2px;border-radius:2px;background:var(--pink)}.tl__now-time{justify-self:start;font:600 13px/1 var(--font-display);letter-spacing:-.02em}.tag-pink{display:flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--pink);font:700 12px/1 var(--font-tag);color:var(--on-accent)}.period-nav{display:flex;align-items:center;justify-content:space-between}.period-nav button{width:var(--tap-min);height:var(--tap-min);border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center}.period-nav button:disabled{opacity:.4}.period-nav__label{font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.wk-summary{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-lg);background:var(--surface)}.wk-summary__top{display:flex;justify-content:space-between;align-items:flex-end}.wk-summary__pct{font:500 36px/1 var(--font-display);letter-spacing:-.05em}.wk-summary__sub{font-size:14px;color:var(--text-muted)}.wk-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:76px}.wk-bars>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:76px}.wk-bars__bar{width:100%;border-radius:var(--radius-sm);background:var(--pink)}.wk-bars__bar.is-future{background:var(--surface-strong)}.wk-bars__bar.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--surface) 4px 8px)}.wk-bars__letter{font-size:12px;color:var(--text-muted)}.tag-pink-lg{display:flex;align-items:center;height:26px;padding:0 10px;border-radius:var(--radius-pill);background:var(--pink);font:700 12px/1 var(--font-tag);color:var(--on-accent)}.wk-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:0 18px}.wk-head>div{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0;border-radius:var(--radius-pill)}.wk-head__dow{font-size:11px;color:var(--text-muted)}.wk-head__num{font:500 14px/1.2 var(--font-display)}.wk-head>div.is-today{background:var(--primary);color:var(--on-primary)}.wk-head>div.is-today .wk-head__dow{color:inherit;opacity:.72}.pcard{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--surface)}.pcard--month{gap:12px;padding:16px 18px 18px}.pcard__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pcard__name{font-size:16px;font-weight:500;color:var(--text);text-decoration:none}.pcard__name.is-done{text-decoration:line-through;color:var(--text-muted)}.pcard__meta{font-size:14px;color:var(--text-muted);white-space:nowrap}.wk-cells{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;justify-items:center}.cell{position:relative;width:40px;height:40px;padding:0;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center}.cell:disabled{cursor:default}.cell__shape{width:var(--cell);height:var(--cell);box-sizing:border-box;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center}.cell__shape.is-done{background:var(--lime);color:var(--on-accent)}.cell__shape.is-full{width:34px;height:34px;background:var(--lime);color:var(--on-accent);font:600 10px/1 var(--font-display)}.cell__shape.is-missed{background:var(--missed)}.cell__shape.is-open{border:2px solid var(--text);background:var(--bg)}.cell__shape.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--bg) 4px 8px)}.cell__shape.is-future{border:2px dashed var(--upcoming-line)}.cell__ring{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.cell__ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.cell__ring span{position:relative;font:600 10px/1 var(--font-display)}.wk-weekly{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 10px 10px 18px;border-radius:var(--radius-lg);background:var(--surface)}.wk-weekly__text{display:flex;flex-direction:column;gap:3px;flex-grow:1}.mo-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.mo-summary__text{display:flex;flex-direction:column;gap:4px}.mo-summary__title{font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.mo-summary__note{font-size:14px;color:var(--on-dark-muted)}.mo-summary__pct{font:500 48px/1 var(--font-display);letter-spacing:-.05em;color:var(--lime)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px}.legend>span{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:14px;box-sizing:border-box;border-radius:var(--radius-pill)}.mo-cells{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.mo-cell{height:32px;padding:0;border:0;border-radius:var(--radius-pill);box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:500 11px/1 var(--font-display);letter-spacing:-.02em;color:var(--on-accent);background:transparent}.mo-cell:disabled{cursor:default}.mo-cell.is-done{background:var(--lime)}.mo-cell.is-most{background:var(--lime-soft)}.mo-cell.is-some{background:var(--lime-faint)}.mo-cell.is-missed{background:var(--missed);color:var(--text-subtle)}.mo-cell.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--bg) 4px 8px);color:var(--text-subtle)}.mo-cell.is-future{border:2px dashed var(--upcoming-line);color:var(--text-muted)}.mo-cell.is-off{color:var(--upcoming-line)}.mo-cell.is-today{outline:2px solid var(--text);outline-offset:1px}.mo-tues{display:grid;gap:8px}.mo-tues button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--text)}.mo-tues button:disabled{cursor:default}.mo-tues__bar{width:100%;height:36px;box-sizing:border-box;border-radius:var(--radius-pill)}.mo-tues__bar.is-done{background:var(--lime)}.mo-tues__bar.is-missed{background:var(--missed)}.mo-tues__bar.is-open{border:2px solid var(--text);background:var(--bg)}.mo-tues__bar.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--bg) 4px 8px)}.mo-tues__bar.is-future{border:2px dashed var(--upcoming-line)}.mo-tues__text{font-size:12px;color:var(--text-muted)}.mo-tues__text.is-today{font-weight:500;color:var(--text)}.welcome{padding-top:16px;gap:24px}.welcome__card{position:relative;flex-grow:1;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:var(--radius-xl);background:var(--forest);overflow:hidden}.welcome__dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0 6px}.welcome__dots span{display:block;aspect-ratio:1;border-radius:var(--radius-pill)}.welcome__copy{display:flex;flex-direction:column;gap:12px;padding:0 4px}.auth-head{display:flex;flex-direction:column;gap:14px}.code-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius-lg);background:var(--surface)}.code-card__title{font-size:15px;font-weight:500}.code-card__sub{font-size:13px;line-height:1.4;color:var(--text-subtle)}.code-input{width:100%;height:56px;padding:0 18px;border:0;border-radius:var(--radius-row);background:var(--bg);text-align:center;font:500 24px/1 var(--font-display);letter-spacing:.4em}.code-card__links{display:flex;justify-content:space-between;gap:8px}.code-card__links button{height:40px;padding:0 4px;border:0;background:transparent;font-size:14px}.auth-error{margin:0;padding:0 6px;font-size:14px;line-height:1.4;color:var(--danger)}.auth-error a{color:inherit;font-weight:500}.auth-note{margin:0;padding:0 6px;font-size:13px;line-height:1.4;color:var(--text-subtle);text-align:center}.located{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.located__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.located__place{display:flex;align-items:center;gap:10px}.located__tick{width:32px;height:32px;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.located__city{font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.located__country{font-size:13px;color:var(--on-dark-muted)}.located__change{height:36px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:#ffffff1f;color:var(--on-dark);font-size:13px}.located__label{font-size:13px;color:var(--on-dark-muted)}.times5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.times5__cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;border-radius:var(--radius-md);background:#ffffff14}.times5__name{font-size:12px;color:var(--on-dark-muted)}.times5__time{font:500 15px/1.2 var(--font-display);letter-spacing:-.02em}.hint-center{text-align:center;font-size:13px;color:var(--text-muted)}.times-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:10px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.times-strip>div{display:flex;flex-direction:column;align-items:center;gap:2px}.times-strip__name{font-size:12px;color:var(--on-dark-muted)}.times-strip__time{font:500 16px/1.2 var(--font-display);letter-spacing:-.02em}.times-strip__time.is-changed{color:var(--lime)}.methods{display:flex;flex-direction:column;gap:4px}.method{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--row-h);padding:6px 16px 6px 18px;border:0;border-radius:var(--radius-row);background:var(--surface);color:var(--text);text-align:left}.method__name{display:block;font-size:15px;font-weight:500}.method__sub{display:block;font-size:12px;color:var(--text-muted)}.method__dot{width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-pill);border:2px solid var(--control-line)}.method[aria-checked=true]{background:var(--primary);color:var(--on-primary)}.method[aria-checked=true] .method__sub{color:inherit;opacity:.72}.method[aria-checked=true] .method__dot{border:0;background:var(--lime);box-shadow:inset 0 0 0 6px var(--primary),0 0 0 2px var(--lime)}.asr-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--surface-strong)}.asr-seg button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:48px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-subtle)}.asr-seg button span:first-child{font-size:14px}.asr-seg button span:last-child{font-size:11px;opacity:.7}.asr-seg button[aria-checked=true]{background:var(--bg);color:var(--text);font-weight:500;box-shadow:var(--shadow-thumb)}.field-group{display:flex;flex-direction:column;gap:8px}.salah-always{display:flex;align-items:center;gap:12px;min-height:var(--row-h);padding:6px 14px 6px 18px;border-radius:var(--radius-row);background:var(--forest);color:var(--on-dark)}.salah-always__text{display:flex;flex-direction:column;flex-grow:1}.salah-always__name{font-size:15px;font-weight:500}.salah-always__sub{font-size:12px;color:var(--on-dark-muted)}.tick-28{width:28px;height:28px;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.starters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.starter{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:6px;min-height:68px;padding:10px 10px 10px 14px;border:0;border-radius:var(--radius-row);background:var(--surface);color:var(--text);text-align:left}.starter__top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px;width:100%}.starter__name{font-size:14px;font-weight:500;line-height:1.25}.starter__sub{font-size:12px;color:var(--text-muted)}.starter__box{width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-pill);border:2px solid var(--control-line);display:flex;align-items:center;justify-content:center}.starter[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.starter[aria-pressed=true] .starter__sub{color:inherit;opacity:.72}.starter[aria-pressed=true] .starter__box{border:0;background:var(--lime);color:var(--on-accent)}.notif-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius-lg);background:var(--surface)}.notif-card__head{display:flex;align-items:center;gap:12px}.notif-card__icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--butter);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.notif-card__title{display:block;font-size:15px;font-weight:500}.notif-card__sub{display:block;font-size:13px;color:var(--text-muted)}.btn-pair .is-light{background:var(--bg);color:var(--text)}.btn-pair .is-dark{background:var(--primary);color:var(--on-primary);font-weight:500}.notif-on{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);background:var(--lime);color:var(--on-accent);font-size:15px;font-weight:500}.notif-off{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:var(--radius-lg);background:var(--surface);font-size:14px;color:var(--text-subtle)}.notif-off button{height:36px;padding:0 12px;flex-shrink:0;border:0;border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:13px}.dark-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.dark-card__title{font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.dark-card__note{font-size:13px;line-height:1.4;color:var(--on-dark-muted)}.settings{display:flex;flex-direction:column;gap:22px;padding:28px var(--space-4) calc(120px + env(safe-area-inset-bottom))}.subpage{display:flex;flex-direction:column;gap:20px;padding:8px var(--space-4) calc(40px + env(safe-area-inset-bottom))}.subpage--tight{gap:18px}.page-title{margin:0;font:500 22px/1.15 var(--font-display);letter-spacing:-.04em}.subhead{display:flex;align-items:center;gap:12px;height:56px;flex-shrink:0}.subhead--center{justify-content:space-between}.subhead--center h1{margin:0;font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.intro-text{margin:-8px 0 0;padding:0 4px;font-size:14px;line-height:1.45;color:var(--text-subtle)}.sec{display:flex;flex-direction:column;gap:8px}.sec__label{margin:0;padding:0 4px;font-size:14px;font-weight:500;color:var(--text-muted)}.sec__label--dark{padding:0;font-size:15px;color:var(--text-subtle)}.sec__note{padding:0 4px;font-size:13px;color:var(--text-muted)}.list{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:var(--row-h-lg);padding:6px 16px;border:0;background:var(--surface);color:var(--text);text-decoration:none;text-align:left;font-size:15px}.row--switch{min-height:60px;padding-right:8px}.row--52{min-height:52px}.row__label{display:flex;flex-direction:column;flex-grow:1;font-size:15px}.row__label small{font-size:13px;line-height:1.35;color:var(--text-muted)}.row__value{font-size:14px;color:var(--text-subtle)}.row__chev{color:var(--text-muted);flex-shrink:0}.row--danger{color:var(--danger);font-weight:500}.row input{flex-grow:1;min-width:0;height:var(--tap-min);border:0;background:transparent;font-size:15px;text-align:right}.row__key{width:72px;flex-shrink:0}.row__extra{padding:6px 16px 12px;background:var(--surface);font-size:13px;color:var(--text-subtle)}.profile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.profile__avatar{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font:600 18px/1 var(--font-display)}.profile__text{display:flex;flex-direction:column;flex-grow:1;min-width:0}.profile__name{font:500 17px/1.2 var(--font-display);letter-spacing:-.03em}.profile__sub{font-size:13px;color:var(--on-dark-muted)}.glass-btn{height:36px;padding:0 14px;display:flex;align-items:center;border:0;border-radius:var(--radius-pill);background:#ffffff1f;color:var(--on-dark);font-size:13px;text-decoration:none}.hijri-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}.hijri-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.adjuster{display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--bg)}.adjuster button{width:40px;height:40px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center}.adjuster output{min-width:40px;text-align:center;font:500 16px/1 var(--font-display)}.hijri-today{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg)}.hijri-today b{font:500 15px/1.2 var(--font-display);letter-spacing:-.02em}.small-subtle{font-size:13px;line-height:1.4;color:var(--text-subtle)}.leads{display:flex;align-items:center;gap:6px;padding:6px 16px 12px;background:var(--surface)}.leads button{height:34px;padding:0 12px;border:0;border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:13px}.leads button[aria-pressed=true]{background:var(--primary);color:var(--on-primary);font-weight:500}.look{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}.look>div{display:flex;flex-direction:column;gap:8px;font-size:15px}.logout{display:flex;flex-direction:column;align-items:center;gap:10px}.logout a,.logout__btn{border:0;width:100%;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:15px;font-weight:500;text-decoration:none}.version{font-size:12px;color:var(--text-muted)}.loc-card{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 16px;border-radius:var(--radius-row);background:var(--surface)}.loc-card button,.loc-edit .cancel{height:40px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--bg);color:var(--text);font-size:14px}.loc-edit{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-row);background:var(--surface)}.loc-edit .btn{height:48px;font-size:15px}.loc-edit .field-search{height:48px;background:var(--bg)}.loc-edit .cancel{background:transparent}.synced{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.synced small{display:block;font-size:13px;color:var(--on-dark-muted)}.arch{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}.arch__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.arch__name{display:block;font-size:16px;font-weight:500}.arch__meta{display:block;font-size:13px;color:var(--text-muted)}.tag-lime{display:flex;align-items:center;height:24px;padding:0 10px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);font:700 12px/1 var(--font-tag)}.arch .btn-pair .restore{background:var(--primary);color:var(--on-primary);font-weight:500}.arch .btn-pair .delete{background:var(--bg);color:var(--danger);font-weight:500}.arch .undo{align-self:flex-start;height:36px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--bg);font-size:13px}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;border-radius:var(--radius-lg);background:var(--surface);text-align:center}.empty b{font-size:16px;font-weight:500}.empty span{font-size:14px;line-height:1.4;color:var(--text-subtle)}.faq{display:flex;flex-direction:column;background:var(--surface)}.faq button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 16px;border:0;background:transparent;color:var(--text);font-size:15px;text-align:left}.faq__chev{display:flex;color:var(--text-muted);transition:transform .15s}.faq button[aria-expanded=true] .faq__chev{transform:rotate(90deg)}.faq p{margin:0;padding:0 16px 16px;font-size:14px;line-height:1.5;color:var(--text-subtle)}.stuck{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);background:var(--butter);color:var(--on-accent)}.stuck b{font-size:15px;font-weight:500}.stuck span{font-size:14px;line-height:1.4}.stuck button{align-self:flex-start;height:var(--tap-min);padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-dark);font-size:14px;font-weight:500}.pcard2{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius-lg);background:var(--surface)}.pcard2--forest{background:var(--forest);color:var(--on-dark)}.pcard2 h2{margin:0;font:500 18px/1.2 var(--font-display);letter-spacing:-.03em}.pcard2 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.pcard2 li{display:flex;gap:10px;font-size:14px;line-height:1.45;color:var(--text-subtle)}.pcard2--forest li{color:#d5d9d9}.pcard2 li:before{content:"";width:6px;height:6px;margin-top:8px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--lime)}.about-hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;border-radius:var(--radius-xl);background:var(--forest);color:var(--on-dark);text-align:center}.about-hero__word{font:500 28px/1 var(--font-display);letter-spacing:-.05em}.about-hero__line{font-size:14px;line-height:1.45;color:var(--on-dark-muted)}.about-hero__tag{display:flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:#ffffff1f;font:700 12px/1 var(--font-tag)}.body-text{margin:0;padding:0 4px;font-size:15px;line-height:1.5;color:var(--text-subtle)}.locpick{display:flex;flex-direction:column;gap:10px}.locpick--compact .btn{height:48px;font-size:15px}.locpick--compact .field-search{height:48px;background:var(--bg)}.locpick__results{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-row);overflow:hidden}.locpick__row{display:flex;align-items:center;gap:12px;min-height:var(--row-h);padding:6px 16px;border:0;background:var(--surface);color:var(--text);text-align:left}.locpick--compact .locpick__row{background:var(--bg)}.locpick__row span{display:flex;flex-direction:column}.locpick__row b{font-size:15px;font-weight:500}.locpick__row small{font-size:13px;color:var(--text-muted)}.locpick__none{margin:0;padding:12px 16px;font-size:14px;color:var(--text-subtle)}.stats{display:flex;flex-direction:column;gap:16px;padding:28px var(--space-4) calc(120px + env(safe-area-inset-bottom))}.stats__title{margin:0;font:500 22px/1.15 var(--font-display);letter-spacing:-.04em}.chip-row{display:flex;gap:6px;overflow-x:auto;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-row button{flex-shrink:0;height:36px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:14px;white-space:nowrap}.chip-row button[aria-checked=true]{background:var(--primary);color:var(--on-primary);font-weight:500}.open-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin-top:-6px;padding:4px 8px 4px 16px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);text-decoration:none;font-size:14px}.open-link span:last-child{display:flex;align-items:center;gap:4px;height:36px;padding:0 12px;border-radius:var(--radius-pill);background:var(--bg);font-size:13px;font-weight:500}.scard{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius-lg);background:var(--surface)}.scard--forest{background:var(--forest);color:var(--on-dark)}.scard__head{display:flex;justify-content:space-between;align-items:baseline}.scard__title{font-size:15px;font-weight:500}.scard__hint{font-size:12px;color:var(--text-muted)}.scard__tag{display:flex;align-self:flex-start;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);background:var(--bg);font:700 12px/1 var(--font-tag)}.scard--forest .scard__tag{background:var(--lime);color:var(--on-accent)}.scard__lead{margin:0;font:500 18px/1.25 var(--font-display);letter-spacing:-.03em;text-wrap:pretty}.scard__note{font-size:13px;line-height:1.4;color:var(--on-dark-muted)}.bars{display:flex;align-items:flex-end;height:120px}.bars__track{flex:1 1 0;min-width:0;height:120px;display:flex;align-items:flex-end;overflow:hidden;background:var(--surface-strong)}.bars__track.is-future{background:transparent;box-shadow:inset 0 0 0 1.5px var(--missed)}.bars__track.is-paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 3px,var(--surface) 3px 6px)}.bars__track.is-off{background:transparent}.bars__fill{width:100%;background:var(--pink)}.bars__fill.is-today{background:var(--ink)}.bars-labels{display:grid}.bars-labels span{text-align:center;font-size:11px;color:var(--text-muted);white-space:nowrap}.heat{display:grid}.heat span{display:block;aspect-ratio:1;border-radius:var(--radius-pill);box-sizing:border-box}.heat-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-subtle)}.heat-legend i{width:10px;height:10px;border-radius:var(--radius-pill)}.prayer-bars{display:flex;flex-direction:column;gap:10px}.prayer-bars>div{display:grid;grid-template-columns:62px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:14px}.prayer-bars b{font-weight:600}.split{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--missed)}.split span:first-child{background:var(--lime)}.split span:last-child{background:var(--butter)}.prayer-bars__pct{text-align:right;font:500 14px/1 var(--font-display);letter-spacing:-.02em}.mini-legend{display:flex;gap:12px;font-size:12px;color:var(--text-subtle)}.mini-legend span{display:flex;align-items:center;gap:5px}.mini-legend i{width:10px;height:10px;border-radius:var(--radius-pill)}.dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end}.dow>div{display:flex;flex-direction:column;align-items:center;gap:4px}.dow__pct{font:500 11px/1 var(--font-display);color:var(--text-subtle)}.dow__track{display:flex;align-items:flex-end;width:100%;height:80px;border-radius:var(--radius-sm);background:var(--surface-strong);overflow:hidden}.dow__fill{display:block;width:100%;background:var(--pink)}.dow__fill.is-lo{background:var(--butter)}.dow__fill.is-hi{background:var(--lime)}.dow__label{font-size:12px;color:var(--text-muted)}.dow__label.is-key{font-weight:600;color:var(--text)}.anchor{display:flex;flex-direction:column;gap:10px}.anchor>div{display:flex;flex-direction:column;gap:6px}.anchor__top{display:flex;justify-content:space-between;font-size:14px}.anchor__top b{font:500 14px/1.2 var(--font-display)}.anchor__track{display:block;height:10px;border-radius:var(--radius-pill);background:#ffffff24;overflow:hidden}.anchor__track span{display:block;height:100%}.anchor__names{font-size:12px;color:var(--on-dark-muted)}.byhabit{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);overflow:hidden}.byhabit button{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border:0;background:var(--surface);color:var(--text);text-align:left}.byhabit__top{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:15px;font-weight:500}.byhabit__top b{font:500 15px/1 var(--font-display);letter-spacing:-.02em}.byhabit__track{display:block;width:100%;height:8px;border-radius:var(--radius-pill);background:var(--missed);overflow:hidden}.byhabit__track span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--pink)}.patterns-wait{padding:16px;border-radius:var(--radius-lg);border:1.5px dashed var(--upcoming-line);font-size:14px;color:var(--text-subtle)}.screens{display:flex;flex-direction:column;gap:22px;padding:16px 16px 40px}.screens__hero{display:flex;flex-direction:column;gap:28px;padding:22px;border-radius:var(--radius-xl)}.screens__title{margin:0;font:500 28px/32px var(--font-display);letter-spacing:-1.12px}.screens__lead{margin:6px 0 0;font:400 15px/21px var(--font-body);color:var(--on-dark-muted)}.screens__group{display:flex;flex-direction:column;gap:8px}:root{--bg: #ffffff;--surface: #f0f0f0;--surface-strong: #e5e5e5;--text: #0b0b0c;--text-muted: #6a6e6e;--hairline: rgba(11, 11, 12, .1);--chip: rgba(0, 0, 0, .1);--primary: #0b0b0c;--on-primary: #ffffff;--focus: #0b0b0c;--text-subtle: #4c5050;--control-line: #858a8a;--missed: #dcdede;--upcoming-line: #c4c8c8;--lime-soft: #c4fd9f;--lime-faint: #d4fdb9;--danger: #a3190f;--ink: #0b0b0c;--ink-raised: #171718;--forest: #122020;--forest-raised: #1e2b2b;--on-dark: #ffffff;--on-dark-muted: #b7bcbc;--lime: #9efc65;--butter: #fde589;--yellow: #fdf567;--pink: #ffbcfc;--on-accent: #0b0b0c;--font-display: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Stack Sans Headline", Inter, system-ui, sans-serif;--font-tag: Geist, Inter, system-ui, sans-serif;--font-arabic: Amiri, serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-row: 16px;--radius-lg: 20px;--radius-xl: 30px;--radius-pill: 100px;--shadow-sm: 0 2px 4px rgba(5, 8, 12, .1);--shadow-float: 0 5px 14px rgba(11, 11, 12, .35), 0 14px 50px rgba(11, 11, 12, .35);--shadow-glow: 0 5px 14px rgba(158, 252, 101, .5), 0 14px 50px rgba(158, 252, 101, .5);--shadow-thumb: 0 1px 3px rgba(11, 11, 12, .12);--shadow-fab: 0 10px 24px rgba(11, 11, 12, .22);--tap-min: 44px;--row-h: 52px;--row-h-lg: 56px;--check: 30px;--cell: 32px;--btn-h: 56px;--tabbar-h: 80px;--fab: 60px;color-scheme:light}:root[data-theme=dark]{--bg: #0b0b0c;--surface: #171718;--surface-strong: #232325;--text: #ffffff;--text-muted: #b7bcbc;--hairline: rgba(255, 255, 255, .12);--chip: rgba(255, 255, 255, .1);--primary: #ffffff;--on-primary: #0b0b0c;--focus: #9efc65;--text-subtle: #d0d4d4;--control-line: #8f9494;--missed: #2e2f31;--upcoming-line: #4a4d4f;--lime-soft: #6fb447;--lime-faint: #3d5a2c;--danger: #ff7a6e;color-scheme:dark}@media (prefers-color-scheme: dark){:root[data-theme=system]{--bg: #0b0b0c;--surface: #171718;--surface-strong: #232325;--text: #ffffff;--text-muted: #b7bcbc;--hairline: rgba(255, 255, 255, .12);--chip: rgba(255, 255, 255, .1);--primary: #ffffff;--on-primary: #0b0b0c;--focus: #9efc65;--text-subtle: #d0d4d4;--control-line: #8f9494;--missed: #2e2f31;--upcoming-line: #4a4d4f;--lime-soft: #6fb447;--lime-faint: #3d5a2c;--danger: #ff7a6e;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:22px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}button:active,a:active{transform:scale(.97)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--text)}input::placeholder{color:var(--text-muted)}.app{position:relative;max-width:430px;min-height:100dvh;margin:0 auto;background:var(--bg);padding-top:env(safe-area-inset-top)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ha-pad{padding:var(--space-4)}.ha-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ha-stack{display:flex;flex-direction:column;gap:var(--space-3)}.ha-h{font-family:var(--font-display);font-weight:500;margin:0;text-wrap:balance}.ha-muted{color:var(--text-muted)}.ha-btn{font:500 15px/18px var(--font-body);display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);cursor:pointer;background:var(--primary);color:var(--on-primary);transition:transform .12s ease,opacity .12s}.ha-btn:active{transform:scale(.97)}.ha-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ha-btn--icon{padding-right:6px}.ha-btn__icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--on-primary);color:var(--primary);flex:none}.ha-btn__icon svg{width:16px;height:16px}.ha-btn--light{background:var(--on-dark);color:var(--ink)}.ha-btn--light .ha-btn__icon{background:var(--ink);color:var(--on-dark)}.ha-btn--yellow{background:var(--yellow);color:var(--on-accent)}.ha-btn--yellow .ha-btn__icon{background:transparent}.ha-btn--lime{background:var(--lime);color:var(--on-accent);box-shadow:var(--shadow-glow)}.ha-btn--grey{background:var(--surface-strong);color:var(--text)}.ha-btn--float{box-shadow:var(--shadow-float)}.ha-btn--block{width:100%;box-sizing:border-box}.ha-btn:disabled{opacity:.4;cursor:not-allowed}.ha-btn--danger{background:var(--danger);color:#fff}.ha-btn--sm{min-height:36px;padding:0 14px;font-size:13px}.ha-eyebrow{display:inline-flex;align-items:center;gap:6px;font:400 14px/18px var(--font-body);padding:6px 12px;border-radius:var(--radius-pill);background:var(--chip);color:var(--text)}.ha-tag{display:inline-flex;align-items:center;font:700 12px/14px var(--font-tag);letter-spacing:-.24px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--ink);color:var(--on-dark)}.ha-tag--glass{background:#ffffff14;color:var(--on-dark)}.ha-tag--light{background:var(--on-dark);color:var(--ink);box-shadow:var(--shadow-sm)}.ha-tag--lime{background:var(--lime);color:var(--on-accent)}.ha-tag--pink{background:var(--pink);color:var(--on-accent)}.ha-tag--plain{background:var(--bg);color:var(--text)}.ha-tag--surface{background:var(--surface);color:var(--text-subtle)}.ha-card{border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface);color:var(--text);min-width:0}.ha-card--butter{background:var(--butter);color:var(--on-accent)}.ha-card--forest{background:var(--forest);color:var(--on-dark)}.ha-card--ink{background:var(--ink-raised);color:var(--on-dark);border-radius:var(--radius-xl);padding:var(--space-6)}.ha-stat{font:500 48px/48px var(--font-display);letter-spacing:-1.92px}.ha-bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.ha-bento>.ha-span2{grid-column:span 2}.ha-divider{height:1px;background:currentColor;opacity:.15;border:0;margin:0}.ha-bars{display:flex;align-items:flex-end;gap:var(--space-1);height:56px}.ha-bars span{flex:1;border-radius:var(--radius-sm);background:var(--surface-strong);min-height:10px}.ha-bars span.is-on{background:var(--pink)}.ha-bars--dark span{background:var(--forest-raised)}.ha-bars--dark span.is-on{background:var(--lime)}.ha-bars-labels{display:flex;gap:var(--space-1);font:400 12px/14px var(--font-body)}.ha-bars-labels span{flex:1;text-align:center;opacity:.7}.ha-list{display:flex;flex-direction:column}.ha-li{display:grid;grid-template-columns:36px 1fr auto;gap:var(--space-3);align-items:baseline;padding:var(--space-4) 0;border-bottom:1px solid var(--hairline)}.ha-li__num{font:500 18px/22px var(--font-display);color:var(--text-muted);letter-spacing:-.54px;font-variant-numeric:tabular-nums}.ha-li__title{font:500 18px/22px var(--font-display);letter-spacing:-.54px}.ha-seg{display:flex;padding:3px;gap:2px;border-radius:var(--radius-pill);background:var(--surface-strong)}.ha-seg>button,.ha-seg>a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;font:400 14px/18px var(--font-body);border:0;background:transparent;color:var(--text-subtle);padding:0 14px;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none}.ha-seg>[aria-pressed=true],.ha-seg>[aria-checked=true],.ha-seg>[aria-current=page]{background:var(--bg);color:var(--text);font-weight:500;box-shadow:var(--shadow-thumb)}.ha-seg--sm{display:inline-flex}.ha-seg--sm>button,.ha-seg--sm>a{min-height:32px;font-size:13px;padding:0 12px;flex:none}.ha-seg--ink>[aria-checked=true],.ha-seg--ink>[aria-pressed=true]{background:var(--ink);color:var(--on-dark);box-shadow:none}.ha-appbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg)}.ha-wordmark{font:600 20px/24px var(--font-display);letter-spacing:-1.2px}.ha-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ha-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;height:62px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;font-family:var(--font-body)}.ha-day small{font:400 12px/14px var(--font-body);color:var(--text-muted)}.ha-day b{font:500 18px/22px var(--font-display);letter-spacing:-.54px}.ha-day i{width:4px;height:4px;border-radius:50%;background:transparent}.ha-day.is-today i{background:var(--text)}.ha-day[aria-pressed=true]{background:var(--ink);color:var(--on-dark)}.ha-day[aria-pressed=true] small{color:var(--on-dark-muted)}.ha-day[aria-pressed=true].is-today i{background:var(--lime)}.ha-ring{position:relative;width:48px;height:48px;flex:none}.ha-ring svg{display:block}.ha-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 13px/1 var(--font-display);letter-spacing:-.52px;color:var(--lime)}.ha-dayprog{display:flex;align-items:center;gap:var(--space-3);padding:10px 10px 10px 12px;border-radius:var(--radius-lg);background:var(--forest);color:var(--on-dark)}.ha-dayprog__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ha-dayprog__title{font:500 16px/20px var(--font-display);letter-spacing:-.48px}.ha-dayprog__sub{font:400 13px/18px var(--font-body);color:var(--on-dark-muted)}.ha-pillbtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;flex:none;border:0;border-radius:var(--radius-pill);background:var(--on-dark);color:var(--ink);font:500 13px/1 var(--font-body);cursor:pointer}.ha-salah{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.ha-salah__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:68px;border:0;border-radius:var(--radius-row);background:var(--surface);color:var(--text);font:500 14px/18px var(--font-body);cursor:pointer}.ha-salah__tile small{font:400 12px/14px var(--font-body);color:var(--text-muted)}.ha-salah__mark{width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:2px solid var(--control-line);display:grid;place-items:center}.ha-salah__tile.is-done{background:var(--lime);color:var(--on-accent)}.ha-salah__tile.is-done small{color:inherit}.ha-salah__tile.is-done .ha-salah__mark{border:0;background:var(--ink);color:var(--lime)}.ha-salah__tile.is-late{background:var(--butter);color:var(--on-accent)}.ha-salah__tile.is-late small{color:inherit;font:700 12px/14px var(--font-tag)}.ha-salah__tile.is-late .ha-salah__mark{border:0}.ha-check{position:relative;width:var(--tap-min);height:var(--tap-min);border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;color:var(--text);flex:none}.ha-check__box{width:30px;height:30px;box-sizing:border-box;border-radius:50%;border:2px solid var(--control-line);display:grid;place-items:center}.ha-check[aria-pressed=true] .ha-check__box{border:0;background:var(--lime);color:var(--on-accent)}.ha-check--count .ha-check__box{width:34px;height:34px;border:0}.ha-check--count svg{position:absolute;top:2px;right:2px;bottom:2px;left:2px}.ha-check--count.is-full .ha-check__box{background:var(--lime);color:var(--on-accent)}.ha-check__count{position:relative;font:600 12px/1 var(--font-display);letter-spacing:-.24px}.ha-check:disabled{cursor:default;opacity:.55}.ha-rows{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-row);overflow:hidden}.ha-hrow{display:flex;align-items:center;gap:var(--space-2);min-height:var(--row-h);padding:4px 4px 4px 14px;background:var(--surface);color:var(--text)}.ha-hrow__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.ha-hrow__title{font:500 15px/20px var(--font-body);color:inherit;text-decoration:none}.ha-hrow__meta{font:400 13px/18px var(--font-body);color:var(--text-muted)}.ha-hrow.is-done .ha-hrow__title{text-decoration:line-through;color:var(--text-muted)}.ha-tl{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ha-tl:before{content:"";position:absolute;left:51px;top:20px;bottom:20px;width:2px;background:var(--surface-strong)}.ha-tl__item{position:relative;display:grid;grid-template-columns:40px 12px minmax(0,1fr);gap:6px;align-items:center}.ha-tl__time{display:flex;flex-direction:column;font:600 15px/1.1 var(--font-display);letter-spacing:-.45px}.ha-tl__time small{font:400 11px/1.2 var(--font-body);letter-spacing:0;color:var(--text-muted)}.ha-tl__dot{justify-self:center;width:12px;height:12px;border-radius:50%;background:var(--text);box-shadow:0 0 0 4px var(--bg)}.ha-tl__dot--hollow{width:10px;height:10px;box-sizing:border-box;background:var(--bg);border:2px solid var(--text);box-shadow:none}.ha-tl__dot--marker{width:20px;height:20px;background:var(--bg);box-shadow:none;display:grid;place-items:center;color:var(--text-subtle)}.ha-tl__dot--now{background:var(--ink);box-shadow:0 0 0 4px var(--pink)}.ha-tl__card{display:flex;align-items:center;gap:var(--space-2);min-height:var(--row-h);padding:4px 4px 4px 14px;border-radius:var(--radius-row);background:var(--surface);color:var(--text)}.ha-tl__card--salah{background:var(--forest);color:var(--on-dark)}.ha-tl__card--salah .ha-hrow__meta{color:var(--on-dark-muted)}.ha-tl__card--late{background:var(--butter);color:var(--on-accent)}.ha-tl__card--late .ha-hrow__meta{color:var(--on-accent)}.ha-tl__name{font:500 16px/20px var(--font-display);letter-spacing:-.48px}.ha-tl__card.is-done .ha-tl__name,.ha-tl__card.is-done .ha-hrow__title{text-decoration:line-through}.ha-tl__marker{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:30px;font:500 15px/20px var(--font-body)}.ha-tl__nowline{display:flex;align-items:center;gap:var(--space-2)}.ha-tl__nowline:after{content:"";flex:1;height:2px;border-radius:2px;background:var(--pink)}.ha-dot{width:var(--cell);height:var(--cell);box-sizing:border-box;border-radius:50%;display:grid;place-items:center;font:500 11px/1 var(--font-display);letter-spacing:-.22px;color:var(--text);background:transparent;border:0;padding:0}.ha-dot--done{background:var(--lime);color:var(--on-accent)}.ha-dot--most{background:var(--lime-soft);color:var(--on-accent)}.ha-dot--some{background:var(--lime-faint);color:var(--on-accent)}.ha-dot--missed{background:var(--missed);color:var(--text-subtle)}.ha-dot--paused{background:repeating-linear-gradient(45deg,var(--upcoming-line) 0 4px,var(--bg) 4px 8px);color:var(--text-subtle)}.ha-dot--upcoming{border:2px dashed var(--upcoming-line);color:var(--text-muted)}.ha-dot--today{border:2px solid var(--text);background:var(--bg)}.ha-switch{width:44px;height:26px;padding:3px;box-sizing:border-box;border:0;border-radius:var(--radius-pill);background:var(--upcoming-line);display:flex;justify-content:flex-start;align-items:center;cursor:pointer}.ha-switch:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff}.ha-switch[aria-checked=true]{background:var(--ink);justify-content:flex-end}.ha-switch[aria-checked=true]:after{background:var(--lime)}.ha-stepper{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:var(--radius-pill);background:var(--surface)}.ha-stepper button{width:var(--tap-min);height:var(--tap-min);border-radius:50%;border:0;background:var(--bg);color:var(--text);display:grid;place-items:center;cursor:pointer}.ha-stepper button.is-plus{background:var(--ink);color:var(--on-dark)}.ha-stepper output{min-width:28px;text-align:center;font:500 20px/1 var(--font-display);letter-spacing:-.6px}.ha-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:400 14px/18px var(--font-body);cursor:pointer}.ha-chip[aria-pressed=true],.ha-chip[aria-checked=true]{background:var(--ink);color:var(--on-dark);font-weight:500}.ha-chip small{font-size:11px;line-height:13px;opacity:.75}.ha-chip--suggest{flex-direction:row;gap:4px;min-height:32px;padding:0 12px;background:var(--bg);border:1px dashed var(--upcoming-line);font-size:13px}.ha-insight{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);color:var(--text)}.ha-insight--forest{background:var(--forest);color:var(--on-dark)}.ha-insight__lead{margin:0;font:500 18px/1.25 var(--font-display);letter-spacing:-.54px;text-wrap:pretty}.ha-splitbar{display:flex;height:14px;border-radius:var(--radius-pill);overflow:hidden;background:var(--missed)}.ha-splitbar span:nth-child(1){background:var(--lime)}.ha-splitbar span:nth-child(2){background:var(--butter)}.ha-tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:var(--tabbar-h);padding-bottom:8px;box-sizing:border-box;background:var(--bg);border-top:1px solid var(--surface)}.ha-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font:400 12px/14px var(--font-body);text-decoration:none}.ha-tab__icon{width:56px;height:30px;border-radius:var(--radius-pill);display:grid;place-items:center}.ha-tab[aria-current=page]{color:var(--text);font-weight:500}.ha-tab[aria-current=page] .ha-tab__icon{background:var(--lime);color:var(--on-accent)}.ha-fab{width:var(--fab);height:var(--fab);border-radius:50%;border:0;background:var(--ink);color:var(--on-dark);display:grid;place-items:center;box-shadow:var(--shadow-fab);cursor:pointer}.ha-group-label{margin:0;padding:0 4px;font:500 14px/18px var(--font-body);color:var(--text-muted)}.ha-settings{display:flex;flex-direction:column;gap:2px;border-radius:var(--radius-lg);overflow:hidden}.ha-setting{display:flex;align-items:center;gap:var(--space-3);min-height:var(--row-h-lg);padding:6px 16px;background:var(--surface);color:var(--text);text-decoration:none;border:0;text-align:left;font:inherit}.ha-setting__label{flex:1;display:flex;flex-direction:column;font:400 15px/20px var(--font-body)}.ha-setting__label small{font-size:13px;line-height:18px;color:var(--text-muted)}.ha-setting__value{font:400 14px/18px var(--font-body);color:var(--text-subtle)}.ha-setting--danger{color:var(--danger);font-weight:500}.screen{display:flex;flex-direction:column;gap:22px;min-height:100dvh;padding:8px var(--space-4) calc(34px + env(safe-area-inset-bottom))}.screen--tight{gap:18px}.screen--tighter{gap:16px}.spacer{flex-grow:1}.topbar{display:flex;align-items:center;gap:var(--space-3);height:56px;flex-shrink:0}.topbar__end{width:var(--tap-min);flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon-btn{width:var(--tap-min);height:var(--tap-min);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);text-decoration:none}.text-link-btn{display:flex;align-items:center;justify-content:center;min-width:var(--tap-min);height:var(--tap-min);font-size:15px;color:var(--text);text-decoration:none}.steps{flex-grow:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.steps span{height:6px;border-radius:var(--radius-pill);background:var(--surface-strong)}.steps span.is-on{background:var(--primary)}.h-onb{margin:0;font:500 28px/1.1 var(--font-display);letter-spacing:-.045em}.h-hero{margin:0;font:500 34px/1.05 var(--font-display);letter-spacing:-.05em}.lead{margin:0;font-size:15px;line-height:1.45;color:var(--text-subtle)}.lead--lg{font-size:16px}.intro{display:flex;flex-direction:column;gap:10px}.intro--sm{gap:8px}.label-subtle{margin:0;font-size:15px;font-weight:500;color:var(--text-subtle)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:var(--btn-h);flex-shrink:0;border:0;border-radius:var(--radius-pill);font-size:16px;font-weight:500;text-decoration:none}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--secondary{background:var(--surface);color:var(--text)}.btn--ghost{height:48px;background:transparent;color:var(--text);font-size:15px;font-weight:400}.btn--sm{height:52px}.btn--secondary.btn--ghost-size{height:48px;font-size:15px;font-weight:400}.btn:disabled{background:var(--surface-strong);color:var(--text-subtle);cursor:not-allowed}.btn-stack{display:flex;flex-direction:column;gap:8px}.btn-stack--6{gap:6px}.btn-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.btn-pair button{height:var(--tap-min);border:0;border-radius:var(--radius-pill);font-size:14px}.divider-or{display:flex;align-items:center;gap:10px;margin:6px 0;font-size:13px;color:var(--text-muted)}.divider-or:before,.divider-or:after{content:"";flex-grow:1;height:1px;background:var(--surface-strong)}.field{width:100%;height:52px;padding:0 18px;border:0;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:16px}.field-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:var(--radius-pill);background:var(--surface)}.field-search input{flex-grow:1;min-width:0;height:100%;border:0;background:transparent;font-size:16px;outline:none}.seg-dark{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;border-radius:var(--radius-pill);background:#ffffff1a}.seg-dark button{height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--on-dark-muted);font-size:14px}.seg-dark button[aria-checked=true]{background:#fff;color:var(--ink);font-weight:500}.numbered{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.numbered li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.35}.numbered--top li{align-items:flex-start}.numbered--top li>span:last-child{padding-top:3px;line-height:1.4}.numbered__n{width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--lime);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--font-display)}.switch{width:60px;height:var(--tap-min);flex-shrink:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.switch__track{display:flex;align-items:center;justify-content:flex-start;width:44px;height:26px;padding:3px;border-radius:var(--radius-pill);background:var(--upcoming-line)}.switch__knob{width:20px;height:20px;border-radius:var(--radius-pill);background:#fff}.switch[aria-checked=true] .switch__track,.switch.is-on .switch__track{justify-content:flex-end;background:var(--ink)}.switch[aria-checked=true] .switch__knob,.switch.is-on .switch__knob{background:var(--lime)}.seg{display:grid;gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--surface-strong)}.seg>button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:38px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-subtle);font-size:14px}.seg>button[aria-checked=true]{background:var(--bg);color:var(--text);font-weight:500;box-shadow:var(--shadow-thumb)}.seg--white{background:var(--bg)}.seg--white>button[aria-checked=true]{background:var(--primary);color:var(--on-primary);box-shadow:none}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:var(--tap-min);height:var(--tap-min);border:0;border-radius:var(--radius-pill);background:var(--bg);color:var(--text);display:flex;align-items:center;justify-content:center}.stepper button.is-plus{background:var(--primary);color:var(--on-primary)}.stepper output{min-width:28px;text-align:center;font:500 20px/1 var(--font-display);letter-spacing:-.03em}.stepper--sm{gap:2px;padding:3px;border-radius:var(--radius-pill);background:var(--bg)}.stepper--sm button{width:38px;height:38px;background:var(--surface)}.stepper--sm output{min-width:58px;font-size:15px;letter-spacing:-.02em}.footnote{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.footnote__main{font-size:14px;color:var(--text-subtle)}.footnote__main a{font-weight:500;color:var(--text)}.footnote__fine{font-size:12px;line-height:1.4;color:var(--text-muted)}.footnote__fine a{color:var(--text-subtle)}