:root{--green:#0e3b2e;--green2:#174d3d;--sage:#6b8f71;--cream:#fbf8f0;--paper:#fffdf8;--sand:#eadcc8;--gold:#c9a96a;--charcoal:#1f2937;--muted:#6f746f;--line:rgba(14,59,46,.1);--shadow:0 12px 38px rgba(31,41,55,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:linear-gradient(180deg,#fbf8f0,#f6f0e4);color:var(--charcoal)}button,input{font:inherit}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;min-height:70px;padding:8px clamp(18px,3vw,48px);background:rgba(251,248,240,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:block;width:190px;height:54px;flex:0 0 190px}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.desktop-nav{display:flex;align-items:center;gap:4px;margin:auto}.nav-link,.settings-button{border:0;background:transparent;color:#66706c;padding:9px 11px;border-radius:999px;font-size:13px;cursor:pointer}.nav-link.active,.nav-link:hover{background:#ecefe8;color:var(--green)}.topbar-tools{display:flex;gap:9px;align-items:center}.madhhab-pill{font-size:11px;padding:8px 11px;border-radius:999px;background:#f1ede4;color:var(--green)}.settings-button{width:38px;height:38px;padding:0;background:#f1ede4;color:var(--green)}.page{width:min(1500px,100%);margin:auto;padding:18px clamp(14px,3vw,48px) 64px}.hero-shell{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.hero-scene{position:relative;min-height:520px;overflow:hidden;background:#b8a98c url('/assets/salah-hero-background.png') center 52%/cover no-repeat}.hero-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,239,.12) 0%,rgba(255,248,233,.04) 40%,rgba(8,47,37,.18) 100%),linear-gradient(90deg,rgba(9,48,38,.16),transparent 24%,transparent 76%,rgba(9,48,38,.13));pointer-events:none;z-index:1}.arch,.hero-sun,.mountain,.mosque-silhouette{display:none}.hero-brand{position:absolute;z-index:3;top:42px;left:50%;transform:translateX(-50%);text-align:center;color:var(--green);padding:14px 22px 12px;border-radius:18px;background:rgba(251,248,240,.68);backdrop-filter:blur(4px);box-shadow:0 8px 30px rgba(31,41,55,.06)}.hero-brand img{display:block;width:230px;height:80px;object-fit:contain;margin:auto}.hero-brand p{font-family:'Libre Baskerville',serif;font-size:13px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 8px}.hero-brand span{display:block;width:44px;height:2px;background:var(--gold);margin:auto}.hero-search{position:absolute;z-index:4;top:190px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(620px,72%);height:46px;padding:0 16px;background:rgba(255,253,248,.94);border-radius:999px;box-shadow:0 8px 30px rgba(31,41,55,.16)}.hero-search span{font-size:21px;color:var(--green)}.hero-search input{width:100%;border:0;outline:none;background:transparent;color:var(--charcoal);font-size:13px}.hero-prayers{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:min(900px,88%)}.hero-prayer{border:1px solid rgba(14,59,46,.08);border-radius:13px;background:rgba(255,253,248,.94);padding:10px 8px;box-shadow:0 6px 18px rgba(31,41,55,.10);color:var(--green);cursor:pointer;backdrop-filter:blur(4px)}.hero-prayer.current{outline:1px solid rgba(201,169,106,.7)}.hero-prayer span,.hero-prayer b,.hero-prayer small{display:block}.hero-prayer .prayer-symbol{font-size:24px;line-height:1;color:#dc8f36}.hero-prayer .night{color:var(--green)}.hero-prayer b{font-family:'Libre Baskerville',serif;font-size:14px;margin-top:5px}.hero-prayer small{font-size:9px;color:#777}.hero-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding:13px;background:#f6f1e7}.focus-card,.api-note{min-height:72px;border-radius:14px;background:#fffdf8;display:flex;align-items:center;padding:14px 18px}.focus-card{gap:14px}.leaf-mark{font-size:30px;color:var(--sage)}.focus-card small,.api-note span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#9a7b48}.focus-card strong{display:block;font-family:'Libre Baskerville',serif;color:var(--green);font-size:15px;margin-top:4px}.api-note{display:block}.api-note small{display:block;color:var(--muted);margin-top:6px}.launcher{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0 46px}.launch-card{border:1px solid var(--line);background:#fffdf8;border-radius:14px;padding:15px 12px;text-align:center;box-shadow:0 4px 16px rgba(31,41,55,.04);cursor:pointer}.launch-card span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 9px;border-radius:50%;background:#f0eadf;color:var(--green);font-size:21px}.launch-card b{display:block;font-family:'Libre Baskerville',serif;color:var(--green);font-size:14px}.launch-card small{display:block;color:#777;font-size:9px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .9fr .72fr;gap:14px;align-items:start}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 5px 20px rgba(31,41,55,.045)}.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:15px}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:700;color:#a98247}.panel h2,.section-title h2{font-family:'Libre Baskerville',serif;color:var(--green);font-size:27px;line-height:1.15;margin:0}.segmented{display:inline-flex;gap:2px;padding:3px;background:#eeeae0;border-radius:999px}.segment{border:0;background:transparent;color:#777;padding:7px 10px;border-radius:999px;font-size:10px;cursor:pointer}.segment.active{background:var(--green);color:white}.prayer-list{display:grid;gap:7px}.prayer-row{display:grid;grid-template-columns:34px 1fr auto 12px;align-items:center;gap:9px;width:100%;border:0;border-radius:11px;background:#f8f5ed;padding:10px;text-align:left;color:var(--green);cursor:pointer}.prayer-row.current{background:#eef4ee}.sun-mini{font-size:19px;color:#db8b33}.sun-mini.moon{color:var(--green)}.prayer-row b{display:block;font-family:'Libre Baskerville',serif;font-size:13px}.prayer-row small{display:block;color:#777;font-size:9px;margin-top:2px}.prayer-row time{font-size:10px;font-weight:700}.prayer-row i{font-style:normal;font-size:18px;color:#8da094}.more-prayers{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--green);font-size:11px}.pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pill-row button{border:0;background:#f1ede4;color:var(--green);padding:7px 9px;border-radius:999px;font-size:9px}.day-chip,.tiny-button{border:0;border-radius:999px;background:#f1ede4;color:#777;padding:7px 9px;font-size:9px}.timeline{position:relative;display:grid;gap:6px}.timeline:before{content:'';position:absolute;left:11px;top:18px;bottom:18px;width:1px;background:rgba(14,59,46,.18)}.timeline-item{position:relative;display:grid;grid-template-columns:24px 1fr 10px;align-items:center;gap:7px;border:0;background:#f8f5ed;border-radius:11px;padding:11px 9px;text-align:left;color:var(--green);cursor:pointer}.timeline-item>span{position:relative;z-index:2;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--sage);justify-self:center}.timeline-item b{display:block;font-size:11px}.timeline-item small{display:block;color:#777;font-size:8px;margin-top:2px}.timeline-item i{font-style:normal;font-size:18px;color:#8da094}.counter-panel{background:linear-gradient(155deg,#0e3b2e,#174d3d);color:white}.counter-panel h2{color:white}.counter-panel .eyebrow{color:#d6ba82}.counter-panel .tiny-button{background:rgba(255,255,255,.1);color:#dfe8e2}.counter-button{width:180px;max-width:78%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:8px auto 14px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:white;box-shadow:inset 0 0 0 10px rgba(255,255,255,.04),0 0 0 1px rgba(201,169,106,.35);cursor:pointer}.counter-button span{font-family:'Libre Baskerville',serif;font-size:52px}.counter-button small{font-size:8px;letter-spacing:.15em;text-transform:uppercase}.counter-presets{display:flex;justify-content:center;gap:6px}.counter-presets button{border:0;background:rgba(255,255,255,.1);color:white;padding:7px 12px;border-radius:999px;font-size:9px}.counter-goal{text-align:center;font-size:9px;color:#cad8d0}.counter-goal strong{color:white}.learn-section{margin:58px 0 36px;padding:38px 28px;background:linear-gradient(180deg,rgba(234,220,200,.42),rgba(255,253,248,.28));border-top:1px solid rgba(14,59,46,.06);border-bottom:1px solid rgba(14,59,46,.06);position:relative}.learn-section:before{content:'';position:absolute;right:-120px;top:-120px;width:350px;height:350px;background:url('/assets/salah-logo-horizontal.png') left center/700px auto no-repeat;opacity:.025;filter:grayscale(1)}.section-title{max-width:650px;margin-bottom:22px}.section-title>p:last-child{color:#6f746f;line-height:1.6;font-size:13px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-card{background:rgba(255,253,248,.95);border:1px solid var(--line);border-radius:14px;padding:14px}.art-slot{height:130px;border-radius:10px;background:linear-gradient(145deg,#efe8da,#e4eadf);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green)}.art-slot span{font-family:'Libre Baskerville',serif;font-size:38px}.art-slot small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-top:6px}.art-slot.names span{color:var(--gold);font-size:46px}.art-slot.positions span{font-size:29px}.art-slot.dua span{color:#d7c1c2}.learn-card h3{font-family:'Libre Baskerville',serif;color:var(--green);font-size:17px;margin:12px 0 6px}.learn-card p{font-size:11px;color:#70736f;line-height:1.5;margin:0 0 10px}.learn-card button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:10px;padding:0}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr) auto auto;gap:14px;align-items:center;background:var(--green);color:white;margin:0 calc(clamp(14px,3vw,48px)*-1) -64px;padding:22px clamp(18px,3vw,48px);font-size:10px}.trust-strip span{display:flex;gap:8px;align-items:center}.trust-strip .script{font-family:'Libre Baskerville',serif;font-style:italic;font-size:26px}.trust-strip small{color:#dbe5df}.settings-drawer{position:fixed;z-index:80;top:0;right:0;width:min(420px,92vw);height:100vh;background:#fffdf8;padding:26px;transform:translateX(105%);transition:.25s ease;box-shadow:-25px 0 70px rgba(12,35,29,.2);overflow:auto}.settings-drawer.open{transform:translateX(0)}.drawer-backdrop{position:fixed;z-index:70;inset:0;background:rgba(9,31,25,.35);opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start}.drawer-header h2{font-family:'Libre Baskerville',serif;color:var(--green)}.drawer-header button{border:0;background:transparent;font-size:28px}.setting-group{margin:20px 0;padding-top:18px;border-top:1px solid var(--line)}.setting-group label{font-weight:700;color:var(--green)}.setting-group small{display:block;color:#777;margin-top:8px;line-height:1.45}.segmented.full{display:flex;margin-top:10px}.segmented.full .segment{flex:1}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.toggle-row input{accent-color:var(--green)}.mobile-nav{display:none}.notranslate{unicode-bidi:isolate}.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}@media(max-width:1000px){.brand{width:160px;flex-basis:160px}.dashboard-grid{grid-template-columns:1fr 1fr}.counter-panel{grid-column:1/-1}.counter-button{width:150px}.launcher{grid-template-columns:repeat(3,1fr)}.hero-prayers{width:94%}.learn-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{min-height:58px;padding:5px 12px}.brand{width:120px;height:43px;flex-basis:120px}.desktop-nav{display:none}.topbar-tools{margin-left:auto}.madhhab-pill{display:none}.page{padding:0 0 70px}.hero-shell{border-radius:0;border-left:0;border-right:0}.hero-scene{min-height:620px;background-position:58% center}.hero-scene:before{background:linear-gradient(180deg,rgba(255,250,239,.16),rgba(9,48,38,.22))}.hero-brand{top:34px;padding:10px 14px;background:rgba(251,248,240,.72)}.hero-brand img{width:190px;height:68px}.hero-brand p{font-size:11px}.hero-search{top:154px;width:88%}.hero-prayers{grid-template-columns:repeat(2,1fr);width:88%;bottom:18px}.hero-prayer{padding:9px}.hero-bottom{grid-template-columns:1fr;padding:10px 12px}.api-note{display:none}.launcher{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 12px 32px}.launch-card{padding:12px 7px}.dashboard-grid{grid-template-columns:1fr;margin:0 12px}.panel{border-radius:15px}.learn-section{margin:40px 0 0;padding:30px 12px}.learn-grid{grid-template-columns:1fr}.trust-strip{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);z-index:60;left:0;right:0;bottom:0;background:rgba(255,253,248,.97);border-top:1px solid var(--line);padding:7px 5px max(7px,env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.mobile-nav button{border:0;background:transparent;color:#7a807d;font-size:9px;padding:5px}.mobile-nav button span{display:block;font-size:18px;margin-bottom:2px}.mobile-nav button.active{color:var(--green)}}@media(max-width:420px){.hero-scene{min-height:650px}.hero-prayers{width:92%}.launcher{grid-template-columns:repeat(2,1fr)}}