:root{color-scheme:light;--teal:#00545b;--deep:#003c43;--gold:#b17c16;--ink:#203b40;--muted:#526469;--line:#d8e1df;--pale:#edf3f1;--focus:#895400;font-family:Arial,Helvetica,sans-serif;font-size:18px;color:var(--ink);background:#e7ebe8}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(#eef1eecc,#eef1eeaa),url('assets/background4.png') center bottom/cover fixed no-repeat;min-height:100vh}button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.65rem 1rem;border:1px solid var(--teal);border-radius:8px;background:var(--teal);color:white;font-weight:700;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:var(--deep);color:white}.secondary{background:#fff;color:var(--teal);border-color:#9dbab9}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--deep)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}p{line-height:1.6}h1{font-size:clamp(1.7rem,5vw,3rem);letter-spacing:.045em;color:var(--teal);margin:.3rem 0}h2{font-size:clamp(1.6rem,3vw,2rem);margin:.3rem 0 .6rem}h3{font-size:1.15rem}main,.site-header,footer{max-width:1180px;margin:auto}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2.3rem 1.4rem 1.8rem}.brand p{margin:0}.eyebrow{text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.16em;color:#735013}.header-actions{display:flex;align-items:flex-end;flex-direction:column;gap:.8rem}.status{font-size:.8rem;color:var(--muted)}main{padding:0 1.4rem}.panel{background:#ffffffed;border:1px solid #d7e1de;border-radius:14px;box-shadow:0 5px 22px #002e3510;padding:1.8rem;margin-bottom:1.5rem;overflow:hidden}.today-panel{border-top:5px solid var(--gold)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading p{margin-bottom:0}.clock{text-align:right}.clock strong{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums;color:var(--teal)}.clock>span{font-size:.8rem;color:var(--muted)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th{text-align:left}td,th{padding:.9rem 1rem;border-bottom:1px solid var(--line)}thead{background:var(--teal);color:white}.today-table{font-size:1.4rem}.today-table thead{font-size:.92rem}.today-table th:first-child{width:36%}.today-table td{white-space:nowrap}.today-table tbody th{color:var(--teal);font-weight:700}.today-table tbody tr:nth-child(even){background:#f1f4f3}.today-table .highlight>*{background:#c0f2ef;color:var(--deep);border-bottom-color:#61b8ae}.row-day{display:block;font-size:.7rem;line-height:1.5;color:var(--muted);font-weight:400}.highlight .row-day{color:var(--deep)}.tomorrow{color:#735013;font-weight:700}.note{font-size:.85rem;color:var(--muted);line-height:1.6;margin:1rem 0}.jummah-note{display:flex;align-items:center;gap:1.5rem;background:#f8f3e7;border-left:4px solid var(--gold);border-radius:4px;padding:1rem 1.2rem;margin-top:1.2rem}.jummah-note strong{color:#725014;white-space:nowrap}.jummah-note p{margin:0;font-size:.95rem}.month-nav{display:flex;justify-content:space-between;align-items:center;background:var(--pale);border-radius:10px;padding:.8rem;gap:1rem}.month-nav h3{margin:0;text-align:center;color:var(--teal);font-size:1.35rem}.month-nav button{background:white;color:var(--teal);border-color:#b1c8c5}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}.month-table{min-width:990px;font-size:.88rem}.month-table td,.month-table th{padding:.75rem .65rem;text-align:center}.month-table thead th:first-child{text-align:left}.month-table tbody th{white-space:nowrap;text-align:left;background:#f3f6f5}.month-table tbody tr:nth-child(even){background:#f3f6f5}.month-table tbody th small{display:block;font-weight:400;color:var(--muted)}.month-table td span{display:block;white-space:nowrap;line-height:1.55}.month-table td span+span{font-weight:700;color:var(--teal)}.month-table .is-today>*{background:#d1efea!important;border-top:2px solid #258275;border-bottom:2px solid #258275}.month-table .friday th{border-left:4px solid var(--gold)}.month-table small{font-size:.75rem}.subhead{background:#e5eeeb;color:var(--ink);font-size:.75rem}.subhead td{padding:.35rem}.install-panel{border-top:3px solid var(--gold)}.install-panel h3{margin-bottom:.4rem;margin-top:1.2rem}.install-panel p{max-width:800px}footer{text-align:center;padding:1.2rem 1rem 3rem;color:var(--deep)}footer p{margin:.6rem 0}footer strong{letter-spacing:.12em;font-size:.9rem}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{display:block;background:white;padding:1rem}.qr-page{max-width:800px;padding-top:2rem}label{display:block;font-weight:700;margin-bottom:.5rem}input[type=url]{width:100%;padding:.8rem;border:1px solid #8ca9a8;border-radius:6px;margin-bottom:1rem}.qr-actions{display:flex;gap:.7rem;flex-wrap:wrap}.qr-output{text-align:center;margin-top:1.5rem}.qr-output svg{width:min(100%,360px);height:auto;background:white}.qr-output p{overflow-wrap:anywhere}.error{color:#a12121}.qr-poster{background:white;padding:1.5rem;border:1px solid var(--line)}
.brand{min-width:0;max-width:100%}.brand h1{overflow-wrap:anywhere}.header-actions,.section-heading{flex-wrap:wrap}.today-table{table-layout:fixed}.today-table tbody th{overflow-wrap:anywhere}
.native-app{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.native-app .site-header{padding-top:1.3rem}.check-label{display:flex;align-items:center;gap:.7rem;min-height:48px;margin:0;font-weight:400}.check-label input{width:24px;height:24px;accent-color:var(--teal);flex-shrink:0}fieldset{border:1px solid var(--line);border-radius:8px;margin:1rem 0;padding:.7rem 1rem}legend{font-weight:700}.prayer-options{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}select{font:inherit;min-height:48px;padding:.6rem;margin:0 .6rem .7rem 0;border:1px solid #8ca9a8;border-radius:6px;max-width:100%;background:white;color:var(--ink)}#share-today{margin-top:1rem}.store-links{display:flex;flex-wrap:wrap;gap:.8rem}button:disabled{opacity:.6;cursor:wait}#reminder-status{margin:1rem 0}
@media(min-width:1200px){.month-table{min-width:100%;font-size:.93rem}}
@media(max-width:650px){:root{font-size:17px}.site-header{padding:1.5rem 1rem;align-items:flex-start;flex-direction:column}.header-actions{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.header-actions .button{font-size:.85rem}.panel{padding:1.15rem .85rem;border-radius:10px}main{padding:0 .65rem}.section-heading{align-items:flex-start}.clock strong{font-size:1.2rem}.clock>span{font-size:.65rem}.section-heading>div:first-child{min-width:0}#today-date{font-size:.9rem}.today-table{font-size:clamp(1rem,4.3vw,1.35rem)}.today-table td,.today-table th{padding:.85rem .45rem}.today-table thead{font-size:.85rem}.today-table th:first-child{width:33%}.jummah-note{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.85rem}.month-nav{gap:.4rem;padding:.6rem .4rem}.month-nav h3{font-size:1.15rem}.month-nav button{padding:.55rem .65rem}.month-nav button span{display:none}.monthly-panel .section-heading{align-items:center}.monthly-panel .secondary{font-size:.8rem;padding:.5rem}.monthly-panel h2{font-size:1.4rem}.month-table tbody th{position:sticky;left:0;z-index:1;box-shadow:2px 0 3px #003b4312}.install-panel h2{font-size:1.45rem}}
@media(max-width:400px){.panel{padding:.9rem .5rem}.today-table td,.today-table th{padding:.8rem .2rem}.today-table td{white-space:normal}.month-nav h3{font-size:1rem}.month-nav{gap:.2rem}.month-nav button{padding:.5rem}.header-actions{gap:.5rem}.row-day{overflow-wrap:normal}}
@media print{body{background:white}.site-header,.qr-page>a,.qr-form,footer,.qr-intro,.qr-actions{display:none!important}.qr-page{padding:0;max-width:none}.panel{box-shadow:none;border:0}.qr-poster{border:0}.qr-output svg{width:100mm}.qr-output{margin:0}.qr-poster h2{font-size:28pt}.qr-poster p{font-size:16pt}}