/* The first-run setup only (three steps: where you pray, your prayer times, how to be reminded); the approved everyday
   mobile/native layout stays unchanged. The rows, segmented control and search field are the Settings pages' own. */
body[data-view=welcome]{background:var(--today-bg)}
body[data-view=welcome] :is(.sidebar,.topbar,.mobile-nav,.site-footer,.screen-head,#travelBanner){display:none!important}
body[data-view=welcome] main{margin:0!important;padding:0!important}
body[data-view=welcome] #screenView{max-width:none;margin:0;padding:0!important}
body[data-view=welcome] #screenBody{max-width:none}
.welcome-shell{max-width:540px;min-height:100dvh;margin:auto;padding:20px;display:flex;flex-direction:column;box-sizing:border-box;color:var(--today-text);font-family:Manrope,var(--sans)}
.welcome-top{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:16px}
.welcome-top .text-link{margin:0;font:600 .875rem Manrope,var(--sans);min-height:44px;text-decoration:none;color:var(--green)}
.welcome-brand{display:flex;align-items:center;gap:8px;color:var(--green)}
.welcome-mark{flex:none;width:30px;height:30px}
.welcome-wordmark{font:800 .875rem/1 Manrope,var(--sans);letter-spacing:-.035em}
.welcome-back{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--today-rule);border-radius:50%;background:var(--today-surface);color:var(--today-text);cursor:pointer}
.welcome-back svg{width:20px;height:20px}
.welcome-main{flex:1;padding:22px 0 24px}
.welcome-main h1{font:400 1.875rem/1.15 Georgia,serif;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance}
.welcome-main h1:focus,.welcome-main h1:focus-visible{outline:none;box-shadow:none}
.welcome-choice{display:grid;gap:12px}
.welcome-choice>*{min-width:0}
.welcome-choice .button.primary{min-height:48px;border-radius:12px;justify-content:center;font:700 .9375rem Manrope,var(--sans);box-shadow:none}
.welcome-choice .loc-search+.loc-results{margin-top:0}
.welcome-method{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:2px solid var(--green);border-radius:14px;background:var(--today-surface)}
.welcome-method .set-text strong{font-weight:700}
.welcome-method .set-text small{margin-top:3px;font-weight:600;color:var(--today-current)}
.welcome-check{display:grid;place-items:center;flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--green);color:#fff}
.welcome-check svg{width:14px;height:14px;stroke-width:3}
.welcome-more{min-height:48px;border:1px solid var(--today-rule);border-radius:14px;background:var(--today-surface)}
.welcome-asr>span{display:block;margin:0 2px 6px;font:600 .9375rem/1.3 Manrope,var(--sans)}
.welcome-times h2{margin:0 0 6px 2px;font:700 .75rem/1.4 Manrope,var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--today-muted)}
.welcome-times-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:8px 14px;border:1px solid var(--today-rule);border-radius:14px;background:var(--today-surface)}
.welcome-times-card p{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;margin:0;font:600 .875rem/1 Manrope,var(--sans)}
.welcome-times-card b{font-weight:700;font-variant-numeric:tabular-nums}
.welcome-modes{display:grid;gap:8px}
.welcome-note,.welcome-message{margin:0 2px;font:500 .8125rem/1.5 Manrope,var(--sans);color:var(--today-muted)}
.welcome-message:empty{display:none}
.welcome-location-selected{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 2px;font:500 .9375rem/1.5 Manrope,var(--sans);color:var(--today-text)}
.welcome-location-selected strong{font-weight:700;overflow-wrap:anywhere}
.welcome-location-selected svg{width:18px;height:18px;color:#2f7d4f;stroke-width:2.4}
.welcome-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px}
.welcome-progress{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.welcome-progress li{height:7px;width:7px;border-radius:50%;background:#c9d6c6}
.welcome-progress li[aria-current]{background:var(--green)}
.welcome-bottom .button{min-width:104px;min-height:48px;padding:0 18px;gap:10px;border-radius:12px;font:700 .9375rem Manrope,var(--sans)}
.welcome-bottom .button svg{width:16px;height:16px}
.welcome-bottom .text-link{margin:0;min-height:48px;padding-inline:4px;font:600 .9375rem Manrope,var(--sans);color:var(--green);text-decoration:none}
.native-app .welcome-shell{padding-top:calc(20px + var(--app-safe-top,env(safe-area-inset-top,0px)));padding-bottom:calc(20px + var(--app-safe-bottom,env(safe-area-inset-bottom,0px)))}
html[data-theme=night] .welcome-mark{content:url(./brand-mark-night.svg)}
html[data-theme=night] .welcome-progress li{background:#46534a}
html[data-theme=night] .welcome-progress li[aria-current]{background:#a8c6b3}
html[data-theme=night] #screenBody :is(.welcome-brand,.welcome-wordmark,.welcome-top .text-link,.welcome-bottom .text-link){color:var(--n-accent)!important}
html[data-theme=night] #screenBody .welcome-method{border-color:var(--n-accent)!important}
html[data-theme=night] #screenBody .welcome-check{background:var(--n-button);color:#fff!important}
html[data-theme=night] #screenBody :is(.welcome-note,.welcome-message,.welcome-times h2){color:var(--n-muted)!important}
html[data-theme=night] #screenBody .welcome-method .set-text small{color:#d7be81!important}
html[data-theme=night] #screenBody .welcome-location-selected svg{color:#7fcf9c!important}
[dir=rtl] .welcome-back svg{transform:scaleX(-1)}
[dir=rtl] .welcome-bottom .button svg{transform:rotate(180deg)}
@media(max-height:700px){.welcome-shell{padding-block:14px}.welcome-main{padding:14px 0 18px}.welcome-main h1{font-size:1.625rem;margin-bottom:14px}}
@media(max-width:350px){.welcome-shell{padding-inline:16px}.welcome-main h1{font-size:1.5rem}}
@media(forced-colors:active){.welcome-progress li{border:1px solid CanvasText}.welcome-progress li[aria-current]{background:Highlight}.welcome-method{border-color:Highlight}}