@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--green:#123b35;--muted:#67716b;--line:#e1e5dd;--cream:#f5f5ef}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#213c34;font-family:'DM Sans',sans-serif}header{max-width:1240px;margin:auto;padding:26px 34px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit}.brand{font-family:Manrope,sans-serif;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.brand span{background:var(--green);color:#e2d9af;border-radius:50%;display:inline-grid;place-items:center;width:38px;height:38px;margin-right:9px}.pill{font-size:12px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:0 34px}.intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:44px 0 24px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#7c8c72}h1{font-family:Manrope,sans-serif;font-size:46px;line-height:1.18;letter-spacing:-2px;margin:15px 0}h2{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.4px}.location{width:310px}label{font-size:12px;display:block}input,select{width:100%;padding:12px;border:1px solid #d9dfd4;background:#fff;border-radius:9px;color:#213c34;font:inherit;font-size:14px;margin:7px 0}button{padding:12px 18px;border:0;border-radius:9px;color:white;background:var(--green);font-weight:600;cursor:pointer}button:hover{background:#24554a}button:focus-visible,a:focus-visible{outline:3px solid #b69b50;outline-offset:3px}.location button{width:100%;margin-top:4px}#status{font-size:12px;color:var(--muted);min-height:18px}.layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px}.hero{background:var(--green);border-radius:21px;position:relative;overflow:hidden;color:#f5f3e9;padding:29px 34px;min-height:300px}.hero-top{display:flex;justify-content:space-between;font-size:12px;color:#c2d0bd;margin-bottom:38px}.hero .eyebrow{color:#b3c3a4}.next{display:flex;align-items:baseline;gap:18px;position:relative;z-index:1}.next h2{font-size:40px;margin:4px 0}.next>span{font-size:23px;color:#d3c8a0}.count{position:relative;z-index:1;margin-top:18px}.count>span{font-size:36px;letter-spacing:2px;font-variant-numeric:tabular-nums}.count small{display:block;color:#a7baae;font-size:11px;margin-top:5px}.arc{position:absolute;right:-15px;bottom:-80px;font-size:320px;color:#35594c;line-height:1;transform:rotate(-20deg)}.daily-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.daily-head span{font-size:11px;color:var(--muted)}.times{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.time{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.time span{font-size:12px;color:var(--muted)}.time strong{display:block;font-size:26px;font-weight:500;margin-top:8px;font-variant-numeric:tabular-nums}.time.active{border-color:#9baf80;background:#edf2e4}.time.active span{color:var(--green)}.muted{font-size:11px;line-height:1.65;color:var(--muted)}.card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;margin-bottom:18px}.card-title{display:flex;gap:12px;align-items:center}.card-title>span{font-size:24px;color:#849b6e}.card h2{font-size:16px;margin:5px 0 20px}.check{display:flex;align-items:center;gap:9px;margin-bottom:14px}.check input{width:16px;accent-color:var(--green)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notice{font-size:12px;background:#f1f4eb;padding:12px;border-radius:8px;line-height:1.5}details{font-size:12px;line-height:1.7;border-top:1px solid var(--line);padding-top:12px;margin-top:15px}summary{cursor:pointer}.compass-card{text-align:center}.compass-card .card-title{text-align:left}.compass{border:1px solid #cfd8c8;border-radius:50%;width:135px;height:135px;margin:0 auto 14px;position:relative;background:repeating-conic-gradient(from 0deg,#dae2d3 0deg 1deg,transparent 1deg 30deg);box-shadow:inset 0 0 0 12px white}.north{position:absolute;top:8px;left:62px;font-size:10px}.kaaba{position:absolute;left:62px;bottom:13px;color:#a89765}#needle{position:absolute;inset:20px;font-size:65px;line-height:95px;color:var(--green);transform-origin:center}#bearing{font-size:13px}.widget-card{border:1px solid #dce3d3;border-radius:20px;padding:30px;background:#eaf0e2;margin:30px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center}.widget-card h2{font-size:27px;margin:10px 0}.widget-card p{font-size:13px;line-height:1.6}.widget-card>details{grid-column:1/-1}.widget-demo{background:var(--green);color:white;padding:25px;border-radius:24px;box-shadow:0 16px 30px #143a3520;transform:rotate(-3deg)}.widget-demo>span{font-size:10px;letter-spacing:2px;color:#c6d3b0}.widget-demo h3{font-size:26px;margin:20px 0 5px}.widget-demo p{color:#bccdb8}footer{border-top:1px solid var(--line);padding:22px 0 35px;font-size:12px}footer span{float:right}footer p{color:var(--muted);font-size:10px}button:disabled{opacity:.5}[hidden]{display:none!important}@media(max-width:760px){header{padding:18px 20px}.pill{display:none}main{padding:0 20px}.intro{display:block;padding-top:28px}h1{font-size:36px}.location{width:100%;margin-top:25px}.layout{grid-template-columns:1fr}.hero{padding:24px;min-height:290px}.hero-top{gap:10px}.next h2{font-size:34px}.times{gap:8px}.time{padding:15px 12px}.time strong{font-size:24px}.widget-card{grid-template-columns:1fr;padding:23px}.widget-demo{margin:10px}.daily-head span{max-width:100px;text-align:right}footer span{float:none;display:block;margin-top:10px}}