:root{--teal:#0e7a6d;--teal-dark:#0a5c52;--teal-soft:#e8f5f2;--ink:#1c2b26;--muted:#5b6f68;--border:#dbe7e4;--soft:#f2f7f6;--white:#ffffff;--warn:#b45309;--radius:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.55;font-size:16px}a{color:var(--teal-dark)}a:hover{text-decoration:underline}.container{max-width:980px;margin:0 auto;padding:0 16px}h1{font-size:1.7rem;line-height:1.25;margin:0.6em 0 0.3em}h2{font-size:1.25rem;margin:1.6em 0 0.5em}h3{font-size:1.05rem;margin:1.2em 0 0.4em}p{margin:0.5em 0}.lead{color:var(--muted);font-size:1.05rem}.small{font-size:0.88rem;color:var(--muted)}.site-header{position:sticky;top:0;z-index:20;background:var(--white);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;max-width:980px;margin:0 auto}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.3rem;letter-spacing:-0.01em}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;flex:0 0 auto}.main-nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}.main-nav a{padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.95rem}.main-nav a:hover{background:var(--teal-soft);text-decoration:none}.main-nav a[aria-current="page"]{background:var(--teal-soft)}.hero{padding:18px 0 6px}.tagline{color:var(--muted);margin:0}.countdown{position:sticky;top:64px;z-index:15;background:var(--teal);color:#fff;border-radius:var(--radius);padding:14px 16px;margin:14px 0;font-size:1.15rem}.countdown strong{color:#fff}.city-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.city-line h2{margin:0.4em 0}.prayer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}@media (min-width:640px){.prayer-grid{grid-template-columns:repeat(3,1fr)}}.prayer-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px 11px;background:var(--white)}.prayer-card.dim{background:var(--soft)}.p-name{font-weight:700;font-size:1rem}.p-time{font-size:1.9rem;font-weight:800;line-height:1.2;margin:2px 0;font-variant-numeric:tabular-nums}.p-sub{color:var(--muted);font-size:0.85rem}.controls{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:14px 0;display:grid;gap:12px}.controls label{font-weight:600;font-size:0.92rem;display:block;margin-bottom:4px}select,input[type="text"],input[type="date"],input[type="number"]{width:100%;padding:12px 12px;font-size:1rem;min-height:44px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink)}.radio-row{display:flex;gap:16px;flex-wrap:wrap}.radio-row label{display:inline-flex;align-items:center;gap:6px;font-weight:500;margin:0;padding:10px 4px;min-height:44px}.radio-row input{width:18px;height:18px;flex:0 0 auto}.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:9px;padding:12px 20px;font-size:1rem;font-weight:700;min-height:44px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--teal-dark);text-decoration:none}.btn.secondary{background:#fff;color:var(--teal-dark);border:1px solid var(--teal)}.btn:disabled{opacity:0.6;cursor:wait}.method-line{font-size:0.88rem;color:var(--muted);margin:8px 0}.search-wrap{position:relative;margin:14px 0}.search-results{position:absolute;left:0;right:0;top:calc(100%+4px);z-index:10;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.10);overflow:hidden}.search-item{display:block;width:100%;text-align:left;padding:12px 14px;min-height:44px;background:#fff;border:0;border-bottom:1px solid var(--soft);font-size:1rem;cursor:pointer}.search-item:hover{background:var(--teal-soft)}.search-empty{padding:11px 14px;color:var(--muted)}.region-group{margin:18px 0}.region-group h3{border-bottom:2px solid var(--teal-soft);padding-bottom:6px}.city-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px 14px}@media (min-width:640px){.city-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:860px){.city-grid{grid-template-columns:repeat(4,1fr)}}.city-grid a{text-decoration:none;display:block;padding:11px 4px;min-height:44px;border-bottom:1px solid var(--soft)}.city-grid a:hover{color:var(--teal)}.tool-grid{display:grid;gap:10px;margin:12px 0}@media (min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink)}.tool-card:hover{border-color:var(--teal);text-decoration:none}.tool-card h3{margin:0 0 4px;color:var(--teal-dark)}.tool-card p{margin:0;color:var(--muted);font-size:0.93rem}.table-wrap{overflow-x:auto;margin:12px 0;border:1px solid var(--border);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:0.95rem;font-variant-numeric:tabular-nums}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--soft);white-space:nowrap}th{background:var(--soft);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.03em;color:var(--muted)}tbody tr:nth-child(even){background:#fafcfc}.note{background:#fff8e6;border:1px solid #f0dfae;border-radius:var(--radius);padding:12px 15px;margin:14px 0;font-size:0.93rem}.note strong{color:var(--warn)}.info-box{background:var(--teal-soft);border-radius:var(--radius);padding:12px 15px;margin:14px 0}.faq details{border:1px solid var(--border);border-radius:10px;padding:12px 15px;margin:8px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted)}.dial-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin:18px 0}.dial{position:relative;width:240px;height:240px;border-radius:50%;border:3px solid var(--teal);background:var(--teal-soft)}.dial .dir{position:absolute;font-weight:800;color:var(--teal-dark)}.dial .n{top:8px;left:50%;transform:translateX(-50%)}.dial .e{right:12px;top:50%;transform:translateY(-50%)}.dial .s{bottom:8px;left:50%;transform:translateX(-50%)}.dial .w{left:12px;top:50%;transform:translateY(-50%)}.dial .needle-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dial .needle{font-size:74px;line-height:1;color:var(--teal);transition:transform 0.25s ease}.dial .center-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:var(--teal-dark);transform:translate(-50%,-50%)}.bearing-big{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums}.tasbeeh-wrap{text-align:center;margin:18px 0}.tasbeeh-dhikr{font-size:1.4rem;font-weight:800;margin:6px 0}.tasbeeh-count{font-size:4.2rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.tasbeeh-tap{width:220px;height:220px;border-radius:50%;border:0;cursor:pointer;background:var(--teal);color:#fff;font-size:1.5rem;font-weight:800;margin:14px 0;box-shadow:0 10px 24px rgba(14,122,109,0.35)}.tasbeeh-tap:active{transform:scale(0.97)}.progress-bar{height:10px;background:var(--soft);border-radius:6px;overflow:hidden;max-width:420px;margin:10px auto}.progress-bar>div{height:100%;background:var(--teal);width:0;transition:width 0.2s ease}.presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}.preset{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 16px;min-height:44px;font-size:0.92rem;cursor:pointer}.preset.active{background:var(--teal);color:#fff;border-color:var(--teal)}.tasbeeh-actions{display:flex;gap:10px;justify-content:center;margin:10px 0;flex-wrap:wrap}.site-footer{border-top:1px solid var(--border);background:var(--soft);margin-top:34px;padding:26px 0 34px}.site-footer h3{margin-top:0}.footer-grid{display:grid;gap:22px}@media (min-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-bottom{margin-top:22px;padding-top:14px;border-top:1px solid var(--border);font-size:0.88rem;color:var(--muted)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--teal-dark);color:#fff;padding:10px 16px;z-index:50;border-radius:0 0 8px 0;font-weight:700}.skip-link:focus{left:0;color:#fff}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}.geo-status{margin:8px 0}.geo-status.warning{background:#fff8e6;border:1px solid #f0dfae;border-radius:10px;padding:10px 12px;color:var(--ink)}.lang-wrap{display:flex;align-items:center}.lang-wrap select{width:auto;min-width:132px;padding:10px 10px}.pill-group-label{font-weight:600;font-size:0.92rem;display:block;margin-bottom:4px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--teal);background:#fff;color:var(--teal-dark);border-radius:999px;padding:10px 16px;min-height:44px;font-size:0.95rem;font-weight:600;cursor:pointer}.pill.active{background:var(--teal);color:#fff}.recent-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 4px}.recent-chips .chip{border:1px solid var(--border);background:#fff;border-radius:999px;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:none;font-weight:600;font-size:0.95rem}.recent-chips .chip:hover{border-color:var(--teal)}#recentSection h2{margin:0.6em 0 0.2em;font-size:1.05rem}.date-bar{display:flex;gap:4px 14px;flex-wrap:wrap;align-items:baseline}.date-bar p{margin:0.2em 0}.bottom-bar{display:none}@media (max-width:900px){body{padding-bottom:76px}.bottom-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--white);border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(0,0,0,0.08)}.bottom-bar a{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:56px;padding:8px 4px;text-decoration:none;font-weight:700;font-size:0.95rem;color:var(--teal-dark);text-align:center}.bottom-bar a:hover{background:var(--teal-soft);text-decoration:none}.bottom-bar a+a{border-left:1px solid var(--border)}}[dir="rtl"] th,[dir="rtl"] td{text-align:right}[dir="rtl"] .search-item{text-align:right}[dir="rtl"] .bottom-bar a+a{border-left:0;border-right:1px solid var(--border)}@media print{.bottom-bar,.recent-chips,#recentSection{display:none !important}}.pwa-note{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--teal-dark);color:#fff;padding:10px 16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:0.95rem}.pwa-note button{background:#fff;color:var(--teal-dark);border:0;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;min-height:44px}@media (prefers-reduced-motion:reduce){.dial .needle,.progress-bar>div{transition:none}.tasbeeh-tap:active{transform:none}*{scroll-behavior:auto !important}}@media print{.site-header,.site-footer,.search-wrap,.btn,.pwa-note,.skip-link,.tasbeeh-actions,.presets{display:none !important}.controls{background:none !important;border:0 !important;padding:0 !important}.controls>div,.controls>p.small{display:none !important}.controls .method-line{display:block !important}body{font-size:12pt}.container{max-width:none;padding:0}.countdown{background:#fff !important;color:var(--ink) !important;border:1px solid var(--border)}.countdown strong{color:var(--ink) !important}.prayer-grid{grid-template-columns:repeat(3,1fr)}.prayer-card,.table-wrap,.faq details{break-inside:avoid}a{color:var(--ink);text-decoration:none}}