@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";html,body,#root{width:100%;min-height:100%;background-color:#163726}:root{--bg: #0f2b20;--panel: #ffffff;--panel-soft: #ffffff;--text: #14181c;--muted: #6d7570;--green-900: #123a2a;--green-800: #16543b;--green-700: #1f6f49;--green-600: #238351;--green-500: #2a8e5d;--green-400: #48a674;--green-300: #6abe90;--green-200: #9fd6b6;--green-100: #dff3e8;--accent: var(--green-600);--accent-soft: var(--green-100);--ok: var(--green-600);--danger: #d56767;--bottom-nav-link-min-height: 48px;--bottom-nav-top-padding: .45rem;--bottom-nav-bottom-padding: env(safe-area-inset-bottom);--bottom-nav-height: calc( var(--bottom-nav-link-min-height) + var(--bottom-nav-top-padding) + var(--bottom-nav-bottom-padding) + 1px );--top-title-height: calc(2.6rem + env(safe-area-inset-top)) }*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;background:radial-gradient(1100px 520px at 50% -120px,rgba(106,174,134,.36) 0%,transparent 60%),radial-gradient(900px 480px at 50% 115%,rgba(63,126,90,.28) 0%,transparent 68%),linear-gradient(180deg,#163726,#102b20 45%,#0d241b);color:var(--text);overflow:hidden;overscroll-behavior-y:none}#root{height:100dvh;overscroll-behavior-y:none}.app-shell{max-width:920px;margin:0 auto;padding:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.content-scroll{position:fixed;top:var(--top-title-height);left:0;right:0;bottom:var(--bottom-nav-height);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.fixed-page-title{position:fixed;top:0;left:0;right:0;z-index:45;height:var(--top-title-height);padding:calc(.55rem + env(safe-area-inset-top)) 1rem .35rem;background:transparent}.fixed-page-title h1{margin:0;font-size:1.7rem;font-weight:700;color:#eefaf2}.bottom-nav{position:fixed;left:0;right:0;bottom:0;width:100%;margin:0;padding:var(--bottom-nav-top-padding) max(1rem,env(safe-area-inset-right)) var(--bottom-nav-bottom-padding) max(.8rem,env(safe-area-inset-left));display:flex;gap:0;align-items:center;justify-content:space-around;background:#fff;border-top:1px solid #dbdbdb;backdrop-filter:none;-webkit-backdrop-filter:none;z-index:50}.bottom-nav a{flex:1 1 25%;color:#8e8e93;text-decoration:none;border:0;border-radius:0;padding:.45rem .65rem;line-height:1;min-height:var(--bottom-nav-link-min-height);display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:color .18s ease;-webkit-tap-highlight-color:transparent}.bottom-nav a.active{color:var(--bg)}.bottom-nav a:active,.bottom-nav a:focus,.bottom-nav a:focus-visible{background:transparent;outline:none}.bottom-nav a svg{width:1.62rem;height:1.62rem;stroke-width:2}.bottom-nav a.active svg{stroke-width:2.4}.panel{background:linear-gradient(150deg,var(--panel),var(--panel-soft));border:1px solid rgba(20,24,28,.08);border-radius:18px;padding:1rem;box-shadow:0 1px #fffc inset,0 14px 32px #030a0759}.next-prayer{grid-column:1 / -1;text-align:center}.list-panel{grid-column:1 / -1}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.1em;color:var(--green-700);font-weight:700;font-size:.75rem}.next-prayer h1{margin:.4rem 0;font-size:clamp(1.8rem,5vw,3rem)}.countdown{margin:0;font-size:clamp(2.2rem,10vw,4rem);font-weight:700;color:var(--accent)}.meta{margin:.3rem 0 0;color:var(--muted)}.panel-header{display:flex;justify-content:space-between;align-items:baseline}.panel h2{margin-top:0}.prayer-list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.prayer-list li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:linear-gradient(180deg,#fff,#fcfdfc);border-radius:10px;padding:.95rem 1rem;min-height:64px}.prayer-list li.passed{background:linear-gradient(180deg,#23835133,#23835121)}.prayer-list li.active{border:1px solid rgba(35,131,81,.48);background:linear-gradient(180deg,#fff,#f3fbf6);color:var(--green-800)}.prayer-name{font-size:1.05rem;font-weight:600;line-height:1.35;letter-spacing:.01em;color:var(--green-800)}.prayer-name-wrap{display:inline-flex;align-items:center;gap:.45rem}.active-tag{width:1.22rem;height:1.22rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--green-700);background:#23835133;box-shadow:none}.active-tag svg{width:.82rem;height:.82rem;stroke-width:4.2}.prayer-time{font-size:1.24rem;color:var(--green-700);font-weight:600;line-height:1.45;text-align:right;font-variant-numeric:tabular-nums}.status-panel p{margin:.35rem 0;color:var(--muted)}.settings-shell{grid-template-columns:1fr}.screen-shell{max-width:920px;margin:0 auto;padding:1rem}.ios-group{background:#fffffff0;border:1px solid rgba(23,53,36,.1);border-radius:16px;overflow:hidden;margin-bottom:.8rem}.ios-row,.ios-switch-row{min-height:52px;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ios-row+.ios-row,.ios-switch-row+.ios-switch-row{border-top:1px solid rgba(23,53,36,.08)}.ios-switch-row{cursor:pointer}.ios-setting-copy{display:flex;flex-direction:column;gap:.2rem}.ios-setting-detail{color:#6f8379;font-size:.92rem}.ios-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:2rem;flex-shrink:0}.ios-toggle input[type=checkbox]{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.ios-toggle-track{width:100%;height:100%;border-radius:999px;background:#d6ddd8;box-shadow:inset 0 0 0 1px #17352414;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease;position:relative}.ios-toggle-track:after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .35rem #17352433;transition:transform .16s ease}.ios-toggle input[type=checkbox]:checked+.ios-toggle-track{background:var(--green-500)}.ios-toggle input[type=checkbox]:checked+.ios-toggle-track:after{transform:translate(1.2rem)}.ios-toggle input[type=checkbox]:focus-visible+.ios-toggle-track{box-shadow:inset 0 0 0 1px #17352414,0 0 0 .2rem #2a8e5d33}.ios-toggle input[type=checkbox]:disabled+.ios-toggle-track{opacity:.5}.ios-switch-row:has(input[type=checkbox]:disabled){cursor:default}.ios-row-title{padding:.85rem 1rem .5rem;font-size:.86rem;font-weight:600;color:#5c7468;text-transform:uppercase;letter-spacing:.04em}.ios-search{width:calc(100% - 2rem);margin:0 1rem .8rem;border:1px solid rgba(23,53,36,.15);border-radius:12px;background:#f7fbf8;padding:.75rem .8rem;color:#203029}.ios-city-list{border-top:1px solid rgba(23,53,36,.08)}.ios-city-row{width:100%;min-height:50px;border:0;background:transparent;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;color:#203029}.ios-city-row+.ios-city-row{border-top:1px solid rgba(23,53,36,.08)}.ios-note,.ios-footnote,.ios-muted{color:#6f8379}.ios-note{padding:.95rem 1rem}.ios-inline-picker{border-top:1px solid rgba(23,53,36,.08);padding-top:.15rem}.ios-footnote{margin:.6rem 0 0;font-size:.9rem}.controls-panel label{display:block;margin:.6rem 0;color:var(--text)}.controls-panel input[type=checkbox]{margin-right:.55rem}.city-panel input{width:100%;border-radius:10px;border:1px solid rgba(23,53,36,.18);background:#f4fbf6e6;color:var(--text);padding:.65rem}.city-list{display:grid;gap:.45rem;margin-top:.7rem;max-height:220px;overflow:auto}.city-list button{border:1px solid rgba(23,53,36,.16);border-radius:10px;background:#3ca66a17;color:var(--text);padding:.6rem;text-align:left}.city-list button:hover{border-color:#3ca66abf}@media(max-width:700px){:root{--bottom-nav-link-min-height: 46px;--bottom-nav-top-padding: .4rem;--top-title-height: calc(2.45rem + env(safe-area-inset-top)) }.app-shell{padding:.7rem}.panel{border-radius:14px}.bottom-nav a{min-height:46px;padding:.4rem .5rem}.bottom-nav a svg{width:1.55rem;height:1.55rem}.screen-shell{padding:.7rem}.fixed-page-title{padding:calc(.48rem + env(safe-area-inset-top)) .75rem .3rem}}