:root{--paper:#f7f6f0;--ink:#203e35;--muted:#777d70;--green:#173f35;--gold:#bb9657;--border:#dedfd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.topbar{height:92px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 6%}.brand{text-decoration:none;font-size:23px;letter-spacing:4px;display:flex;gap:12px;align-items:center}.brand-mark{font-size:35px;color:var(--gold);letter-spacing:0}.brand-fa{font-size:19px;letter-spacing:0;border-left:1px solid #c9cec2;padding-left:16px}.top-caption{font-size:10px;letter-spacing:2.4px;color:var(--muted)}.settings-link{text-decoration:none;font-size:12px}.settings-link:first-letter{font-size:18px}main{max-width:1200px;padding:0 32px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:9px}.live-dot,.small-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:43px;letter-spacing:-1.5px;margin:16px 0 12px}.intro p{color:var(--muted);margin:0;font-size:14px}.date-block{text-align:right;display:grid;gap:10px;color:var(--muted);font-size:12px}.date-block span:first-child{font-size:17px;color:var(--ink)}.clock-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fbfaf6}.analog-side{padding:27px 38px 25px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at center,#fffef9,transparent 70%)}.location-pill{background:#efeee6;border:1px solid #e3e3d8;padding:8px 14px;border-radius:30px;font-size:12px;display:flex;gap:8px;align-items:center}.location-pill>span:first-child{color:#8c7953;font-size:17px}#clock{width:100%;max-width:365px;overflow:visible;margin:12px 0}.outer-ring{fill:#faf9f3;stroke:#d6d7c8;stroke-width:1}.inner-ring{fill:none;stroke:#e3e2d7;stroke-width:1}.tick{stroke:#a6ad9c;stroke-width:1}.tick.major{stroke:#58715d;stroke-width:2}.numeral{fill:#264638;font:23px Georgia,serif;text-anchor:middle;dominant-baseline:middle}.dial-brand{font:13px Georgia,serif;letter-spacing:4px;fill:#657563;text-anchor:middle}.dial-caption{font:7px Arial,sans-serif;letter-spacing:1.5px;fill:#8d947e;text-anchor:middle}.hand{stroke-linecap:round}.hour{stroke:#284f3d;stroke-width:7}.minute{stroke:#284f3d;stroke-width:4}.second{stroke:#b99150;stroke-width:1.5}.analog-caption{font-size:10px;letter-spacing:.7px;color:var(--muted);display:flex;align-items:center;gap:8px}.digital-side{padding:49px 46px 28px;color:#f3f1df;background:var(--green);background-image:radial-gradient(ellipse at top right,#285144,transparent 65%)}.pale{color:#bdc6b1}.digital{font-size:70px;font-variant-numeric:tabular-nums;letter-spacing:-3px;font-weight:300;margin:18px 0 6px;white-space:nowrap}.digital>span{font-size:38px;color:#c6b27f;letter-spacing:-1px}.clock-format{font-size:11px;color:#b8c5b4;display:flex;gap:10px}.next-box{border:1px solid #506456;border-radius:9px;margin-top:31px;padding:19px 20px}.next-top,.next-bottom{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c1cab9}.next-top{letter-spacing:1.4px}.next-top>span:last-child{color:#ddc594;letter-spacing:.5px}.next-title{display:flex;justify-content:space-between;align-items:center;margin:13px 0 17px;font-size:23px;font-family:Georgia,serif}.next-title>span:last-child{font-size:19px;color:#d9decd}.progress-track{height:3px;background:#4c6251;margin-bottom:12px;border-radius:3px;overflow:hidden}#progress{height:100%;background:#c6a567;width:0}.civil{display:flex;gap:45px;margin-top:25px}.civil>div{display:grid;gap:7px}.civil span{font-size:9px;letter-spacing:1.3px;color:#b2c1ae}.civil strong{font-weight:400;font-size:16px;font-variant-numeric:tabular-nums}.digital-note{font-size:11px;line-height:1.7;color:#aebfac;margin:21px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:34px 0 18px}.section-heading h2{font-size:24px;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.prayer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.prayer-card{border:1px solid var(--border);border-radius:9px;padding:17px 14px 16px;position:relative;background:#fbfaf6}.prayer-card.active{border-color:#657b5c;background:#edf0e5}.prayer-card.active:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#718763;right:13px;top:18px}.prayer-fa{color:#8b8e7d;font-size:13px;min-height:19px}.prayer-name{font-size:11px;margin-top:8px;min-height:25px}.fixed-time{font-family:Georgia,serif;font-size:29px;font-variant-numeric:tabular-nums}.actual-time{font-size:10px;color:var(--muted);border-top:1px solid var(--border);margin-top:13px;padding-top:12px;line-height:1.5}.schedule-note{font-size:10px;color:var(--muted);margin:13px 0 0}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin:48px 0}.settings-card{padding-right:44px;border-right:1px solid var(--border)}.bottom-grid h2{font-size:29px;letter-spacing:-.6px;margin:13px 0}.bottom-grid p{font-size:12px;line-height:1.8;color:var(--muted)}label{display:block;font-size:11px;margin:18px 0 8px}input,select{width:100%;padding:12px;color:var(--ink);background:#fcfbf7;border:1px solid #d4d8ca;border-radius:6px}select{cursor:pointer}.coordinate-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.button-row{display:flex;gap:10px;margin-top:20px}button{cursor:pointer;border-radius:6px;padding:12px 15px;font-size:11px;min-height:42px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);flex:1}.primary span{margin-left:20px}.secondary{background:transparent;border:1px solid #d4d8ca;color:var(--ink);flex:1}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}#location-status{font-size:10px;margin:12px 0 0}.about-card{padding:0 10px 0 0}.about-card>p{max-width:410px}details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:25px;padding:16px 0}summary{cursor:pointer;font-size:11px;list-style:none;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}.method-text p{font-size:11px}.signature{font-family:Georgia,serif;font-size:26px;color:#a7ad97;margin-top:26px;text-align:left}footer{border-top:1px solid var(--border);padding:23px 6%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.footer-dot{margin:0 12px;color:var(--gold)}.error{padding:15px;background:#f5e4d9;color:#763c27;border-radius:8px;margin-bottom:16px;line-height:1.7}body.unavailable .hand{visibility:hidden}@media(min-width:1400px){main{max-width:1260px}.analog-side{padding:30px}#clock{max-width:390px}.digital-side{padding:55px}.digital{font-size:80px}}@media(max-width:850px){.top-caption{display:none}.digital-side{padding:35px 25px}.digital{font-size:58px}.digital>span{font-size:30px}.analog-side{padding:25px 17px}.civil{gap:20px}.bottom-grid{gap:30px}.settings-card{padding-right:25px}.prayer-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:36px}.next-title{font-size:20px}}@media(max-width:600px){.topbar{height:73px;padding:0 21px}.brand{font-size:19px;gap:8px}.brand-fa{font-size:16px;padding-left:10px}.settings-link{font-size:10px}main{padding:0 20px}.intro{padding:32px 0 25px;display:block}h1{font-size:34px}.intro p{font-size:12px}.date-block{display:flex;justify-content:space-between;margin-top:24px;font-size:10px;align-items:center}.date-block span:first-child{font-size:13px}.clock-panel{grid-template-columns:1fr}.analog-side{padding:24px}#clock{max-width:320px;margin:18px 0}.digital-side{padding:30px}.digital{font-size:66px}.digital>span{font-size:35px}.section-heading{align-items:flex-start;gap:10px;flex-direction:column}.section-heading h2{font-size:24px}.prayer-grid{gap:8px}.prayer-card{padding:14px 11px}.fixed-time{font-size:27px}.prayer-name{font-size:10px}.prayer-fa{font-size:12px}.bottom-grid{grid-template-columns:1fr;margin:36px 0;gap:35px}.settings-card{padding:0 0 30px;border-right:0;border-bottom:1px solid var(--border)}.about-card{padding:0}footer{flex-direction:column;gap:12px;padding:23px 20px}.schedule-note{line-height:1.6}}
.clock-switcher{display:flex;gap:7px;margin:0 0 14px;padding:5px;background:#eeeee6;border:1px solid var(--border);border-radius:10px;width:max-content}.clock-tab{border:0;background:transparent;color:var(--muted);padding:10px 17px;border-radius:7px;cursor:pointer;font-size:11px}.clock-tab.is-active{background:var(--green);color:#fff}.clock-view[hidden]{display:none}.decimal-clock-panel,.world-clock-panel{min-height:465px;background:var(--green);color:#f3f1df;grid-template-columns:1.1fr .9fr}.decimal-hero,.world-hero{padding:49px 52px 36px;background-image:radial-gradient(ellipse at top right,#285144,transparent 65%)}.decimal-hero h2,.world-hero h2{font-size:31px;margin:15px 0 8px;color:#f3f1df}.decimal-hero p,.world-info p{color:#b8c5b4;font-size:12px;line-height:1.8;max-width:410px}.decimal-display{display:flex;align-items:baseline;direction:ltr;gap:4px;margin:39px 0 4px;font-size:75px;font-weight:300;letter-spacing:-4px;font-variant-numeric:tabular-nums;color:#f7f4e7;white-space:nowrap}.decimal-display b{font-size:45px;font-weight:300;color:#c6a567}.decimal-display i{font-style:normal;font-size:42px;color:#c6a567}.decimal-display span:last-child{font-size:44px;color:#d9c58d}.decimal-labels{display:flex;direction:ltr;gap:37px;color:#aebfac;font-size:10px}.decimal-meta{display:flex;justify-content:space-between;margin-top:32px;padding-top:15px;border-top:1px solid #506456;color:#c1cab9;font-size:10px}.decimal-info,.world-info{display:grid;grid-template-columns:170px 1fr;gap:27px;align-items:center;padding:42px;background:#20473b}.decimal-dial,.world-ring{width:160px;height:160px;border:1px solid #6c806a;border-radius:50%;position:relative;color:#d9decd}.decimal-dial:before,.world-ring:before{content:'';position:absolute;inset:12px;border:1px dashed #536d5d;border-radius:50%}.decimal-dial-hand,.world-ring-hand{position:absolute;left:50%;top:50%;width:2px;height:56px;background:#c6a567;transform-origin:50% 100%;transform:translate(-50%,-100%);border-radius:2px}.decimal-dial-center,.world-ring-center{position:absolute;left:50%;top:50%;width:9px;height:9px;background:#c6a567;border:2px solid #f3f1df;border-radius:50%;transform:translate(-50%,-50%)}.decimal-conversion{margin-top:27px;border-top:1px solid #506456;padding-top:14px;display:grid;gap:6px;color:#aebfac;font-size:10px}.decimal-conversion strong{font-size:17px;color:#f3f1df;font-weight:400}.world-display{direction:ltr;font-size:76px;font-weight:300;letter-spacing:-4px;font-variant-numeric:tabular-nums;margin:39px 0 10px;color:#f7f4e7;white-space:nowrap}.world-zone{color:#ddc594;font-size:12px}.world-date{margin-top:8px;color:#b8c5b4;font-size:12px}.world-cities{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px;margin-top:27px;border-top:1px solid #506456;padding-top:17px}.world-cities div{display:grid;gap:6px}.world-cities span{color:#aebfac;font-size:10px}.world-cities strong{font-size:16px;font-weight:400;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}@media(max-width:600px){.clock-switcher{width:100%}.clock-tab{flex:1;padding:10px 5px}.decimal-clock-panel,.world-clock-panel{grid-template-columns:1fr}.decimal-hero,.world-hero{padding:30px 25px}.decimal-info,.world-info{padding:30px 25px;grid-template-columns:125px 1fr;gap:18px}.decimal-dial,.world-ring{width:125px;height:125px}.decimal-display{font-size:56px}.decimal-labels{gap:22px}.world-display{font-size:55px}}
.decimal-dial span,.world-ring span{position:absolute;transform:translate(-50%,-50%);font:12px Georgia,serif}.world-ring span:nth-of-type(1){left:50%;top:7%}.world-ring span:nth-of-type(2){left:93%;top:50%}.world-ring span:nth-of-type(3){left:50%;top:93%}.world-ring span:nth-of-type(4){left:7%;top:50%}.decimal-dial span:nth-of-type(1){left:50%;top:7%}.decimal-dial span:nth-of-type(2){left:79%;top:16%}.decimal-dial span:nth-of-type(3){left:95%;top:40%}.decimal-dial span:nth-of-type(4){left:95%;top:68%}.decimal-dial span:nth-of-type(5){left:79%;top:88%}.decimal-dial span:nth-of-type(6){left:50%;top:96%}.decimal-dial span:nth-of-type(7){left:21%;top:88%}.decimal-dial span:nth-of-type(8){left:5%;top:68%}.decimal-dial span:nth-of-type(9){left:5%;top:40%}.decimal-dial span:nth-of-type(10){left:21%;top:16%}

.decimal-dial-hand,.world-ring-hand{height:58px}.decimal-hour-hand,.world-hour-hand{width:4px;background:#f3f1df;height:42px}.decimal-minute-hand,.world-minute-hand{width:3px;height:54px;background:#d9c58d}.decimal-second-hand,.world-second-hand{width:1px;height:62px;background:#c6a567}.decimal-subsecond-hand{width:1px;height:66px;background:#8db09a}