:root{--borderRadius: 2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#0d2818,#071a0d);height:100vh;overflow:hidden;position:relative}body:before{content:"";position:absolute;inset:0;background-image:var(--bg-image, url(/skyline.png));background-size:var(--bg-size, auto);background-position:var(--bg-position, bottom center);background-repeat:var(--bg-repeat, repeat-x);opacity:0;transition:opacity 5s ease-in-out;z-index:0}body.bg-loaded:before{opacity:1}.container{max-width:600px;margin:0 auto;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:20px;height:100vh;overflow-y:auto;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:15px}.container::-webkit-scrollbar{display:none}.logo{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.logo-icon{font-size:48px}.logo h1{color:#333;margin:0;font-size:24px}.logo h1.arabic{color:#666;margin:0;font-size:24px;font-weight:400}section{display:flex;flex-direction:column;gap:8px}h3{color:#444;margin:0;font-size:16px;font-weight:600}label{display:block;color:#555;font-size:14px}label small{display:block;margin-top:4px;opacity:.7;font-size:12px}input[type=number],input[type=date],input[type=text],input[type=email],select{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:var(--borderRadius);font-size:14px;transition:border-color .3s}input:focus,select:focus{outline:none;border-color:#1a5f2a}select:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}button{width:100%;padding:12px;background:#1a5f2a;color:#fff;border:none;border-radius:var(--borderRadius);font-size:15px;font-weight:600;cursor:pointer;transition:background .3s;margin-bottom:0}button:hover{background:#0d3d1a}button:disabled{background:#ccc;cursor:not-allowed}button.secondary{background:#6c757d}button.secondary:hover{background:#5a6268}button.icon-btn{width:auto;padding:6px 10px;margin:0;background:transparent;color:#1a5f2a;font-size:18px;border-radius:var(--borderRadius)}button.icon-btn:hover{background:#f0f0f0}button.icon-btn:disabled{background:transparent;color:#ccc}.status{padding:10px;border-radius:var(--borderRadius);font-size:14px}.status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.preview-results{padding:12px;background:#f8f9fa;border-radius:var(--borderRadius);font-size:14px;display:flex;flex-direction:column;gap:6px;transition:opacity .2s}.preview-results.loading{opacity:.6}.preview-results.loading .prayer-value{color:#999}.preview-header{font-weight:700;display:flex;justify-content:space-between;align-items:center}.notification-btn{font-size:16px!important;padding:4px 8px!important;opacity:.6;transition:opacity .2s}.notification-btn:hover,.notification-btn.active{opacity:1}.subscribe-desc{font-size:13px;color:#666}.preview-results .prayer-time{display:flex;padding:6px 0;border-bottom:1px solid #dee2e6;gap:12px}.preview-results .prayer-time:last-child{border-bottom:none}.preview-results .prayer-time-header{border-bottom:2px solid #dee2e6;font-size:14px}.prayer-name{flex:1;font-weight:600;color:#495057}.prayer-value{width:150px;text-align:right;color:#1a5f2a;font-family:ui-monospace,SF Mono,Consolas,Liberation Mono,monospace;text-transform:uppercase}.prayer-value-solar{width:150px;text-align:right;color:#c9a227;font-family:ui-monospace,SF Mono,Consolas,Liberation Mono,monospace;text-transform:uppercase}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button-row{display:flex;gap:8px}.button-row button{flex:1}.hidden{display:none}.url-box{padding:10px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:var(--borderRadius);word-break:break-all;font-family:Courier New,monospace;font-size:12px;position:relative}.copy-btn{margin-top:8px;width:auto;padding:8px 16px;font-size:13px;background:#28a745}.copy-btn:hover{background:#218838}.instructions{padding:10px;background:#e8f5e9;border-left:4px solid #1a5f2a;border-radius:var(--borderRadius);font-size:13px;line-height:1.5}.instructions ol{padding-left:20px}.instructions li{padding:2px 0}.footnote{margin-top:auto;padding-top:20px;font-size:13px;color:#666;text-align:center;line-height:1.6}.footnote .divider{font-size:18px;color:#1a5f2a;letter-spacing:8px;margin-bottom:12px}.footnote .quran-verse{font-size:18px;color:#1a5f2a;line-height:1.8;margin-bottom:12px;direction:rtl}.footnote-bullets{text-align:left;margin:12px auto;padding-left:20px;max-width:90%}[dir=rtl] .footnote-bullets{text-align:right;padding-left:0;padding-right:20px}.footnote-bullets li{margin:6px 0}[dir=rtl]{text-align:right}[dir=rtl] .instructions{border-left:none;border-right:4px solid #1a5f2a}[dir=rtl] .instructions ol{padding-left:0;padding-right:20px}.top-controls{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;z-index:10}[dir=rtl] .top-controls{flex-direction:row-reverse}.locale-switcher select{padding:6px 10px;font-size:13px;border:1px solid #ddd;background:#fff;cursor:pointer;min-width:120px;border-radius:var(--borderRadius)}.locale-switcher select:hover{border-color:#1a5f2a}.locale-switcher select:focus{outline:none;border-color:#1a5f2a}.photo-attribution{position:fixed;bottom:10px;right:10px;font-size:10px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:0;max-width:300px;text-align:right;line-height:1.4}.photo-attribution a{color:#ffffffe6;text-decoration:none}.photo-attribution a:hover{text-decoration:underline}@media(max-width:600px){.container{padding:15px}.location-grid{grid-template-columns:1fr}}body:has(.article-container){height:auto;overflow:auto;background:#0a0a0a;background-image:none}.article-container{background:#0a0a0a;min-height:100vh;padding:2rem 1rem;overflow-y:auto}.article{max-width:720px;margin:0 auto;color:#e8e8e8;font-family:Georgia,Times New Roman,serif;line-height:1.8}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #333}.article-header h1{font-size:2.2rem;line-height:1.2;margin-bottom:1rem;font-weight:400;color:#e8e8e8}.article-subtitle{color:#888;font-style:italic;font-size:1.1rem;margin-bottom:0}.article-byline{margin-top:1.5rem;font-size:.9rem;color:#888}.article-content h2{font-size:1.4rem;margin:2.5rem 0 1rem;color:#c9a227;font-weight:400}.article-content p{margin-bottom:1.5rem}.article-content p:first-child{font-size:1.2rem}.article-content a{color:#6db3f2;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content blockquote{border-left:3px solid #8a7119;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#888}.article-content ul,.article-content ol{margin:1.5rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content strong{color:#c9a227}.article-content em{font-style:italic}.article-content hr{border:none;text-align:center;margin:3rem 0}.article-content hr:before{content:"✦ ✦ ✦";color:#888;letter-spacing:1em}.article-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-family:SF Mono,Consolas,monospace;font-size:.9rem}.article-content th,.article-content td{padding:.75rem;text-align:left;border-bottom:1px solid #333}.article-content th{color:#c9a227;font-weight:400}.article-content .callout{background:linear-gradient(135deg,#1a1a0a,#0a0a0a);border:1px solid #8a7119;padding:1.5rem;margin:2rem 0;border-radius:var(--borderRadius)}.article-content .callout p:last-child{margin-bottom:0}.article-content .callout strong:first-child{display:block;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.article-content .arabic{font-size:1.6rem;text-align:center;margin:2rem 0;color:#c9a227;direction:rtl}.article-content .solar-times{font-family:SF Mono,Consolas,monospace;background:#1a1a1a;padding:1.5rem;border-radius:var(--borderRadius);margin:2rem 0}.article-content .solar-times p:first-child{text-align:center;color:#888;font-size:.9rem;margin-bottom:1rem}.article-content .solar-times table{margin:0}.article-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #333;text-align:center;color:#888;font-size:.9rem}.article-footer a{color:#c9a227;text-decoration:none}.article-footer a:hover{text-decoration:underline}.article-loading,.article-error{text-align:center;padding:4rem 2rem;color:#888}.article-error h1{color:#e8e8e8;margin-bottom:1rem}.article-error a{color:#c9a227}@media(max-width:600px){.article-header h1{font-size:1.7rem}.article-container{padding:1.5rem 1rem}.article-content table{font-size:.8rem}.article-content th,.article-content td{padding:.5rem}}.faq{background:#f8f9fa;border-radius:var(--borderRadius);padding:15px}.faq h3{margin-bottom:10px}.faq details{border-bottom:1px solid #dee2e6}.faq details:last-of-type{border-bottom:none}.faq summary{padding:12px 0;cursor:pointer;font-weight:500;color:#333;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:18px;font-weight:300;color:#1a5f2a;transition:transform .2s}.faq details[open] summary:after{content:"−"}.faq summary:hover{color:#1a5f2a}.faq details p{padding:0 0 12px;margin:0;font-size:13px;color:#555;line-height:1.6}.calendar-switcher select{padding:6px 10px;font-size:13px;border:1px solid #ddd;background:#fff;cursor:pointer;min-width:100px;border-radius:var(--borderRadius)}.calendar-switcher select:hover{border-color:#1a5f2a}.calendar-switcher select:focus{outline:none;border-color:#1a5f2a}.date-picker-label{display:flex;flex-flow:column;color:#555;font-size:14px}.date-picker-input{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:var(--borderRadius);font-size:14px;cursor:pointer;background:#fff;transition:border-color .3s}.date-picker-input:hover{border-color:#1a5f2a}.date-picker-input:focus{outline:none;border-color:#1a5f2a;box-shadow:0 0 0 2px #1a5f2a1a}.date-picker-container{z-index:1000}.rmdp-wrapper{border-radius:8px!important;box-shadow:0 4px 20px #00000026!important}.rmdp-calendar{padding:10px!important}.rmdp-header{margin-bottom:10px!important}.rmdp-header-values{color:#1a5f2a!important;font-weight:600!important}.rmdp-arrow{border-color:#1a5f2a!important}.rmdp-arrow:hover{background:#1a5f2a1a!important}.rmdp-week-day{color:#1a5f2a!important;font-weight:600!important}.rmdp-day{color:#333!important}.rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden):hover span{background:#1a5f2a1a!important;color:#1a5f2a!important}.rmdp-day.rmdp-selected span{background:#1a5f2a!important;color:#fff!important}.rmdp-day.rmdp-today span{background:#1a5f2a33!important;color:#1a5f2a!important}.rmdp-day.rmdp-selected.rmdp-today span{background:#1a5f2a!important;color:#fff!important}.rmdp-day.rmdp-disabled span{color:#ccc!important}[dir=rtl] .rmdp-wrapper{direction:rtl}@media(max-width:600px){.calendar-toggle .toggle-btn{padding:10px 12px;font-size:12px}}.subscription-list{margin-top:16px;padding:12px;background:#00000008;border-radius:var(--borderRadius)}.subscription-list strong{display:block;margin-bottom:8px;font-size:13px;color:#555}.subscription-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:6px;background:#fff;border:1px solid #e0e0e0;border-radius:var(--borderRadius);cursor:pointer;transition:all .2s ease}.subscription-item:last-child{margin-bottom:0}.subscription-item:hover{border-color:#1a5f2a}.subscription-item.active{background:#e8f5e9;border-color:#1a5f2a}.subscription-info{display:flex;flex-direction:column;gap:2px}.subscription-name{font-weight:600;font-size:14px;color:#333}.subscription-info small{font-size:12px;color:#777;opacity:1;margin-top:0}.subscription-item .delete-btn{width:auto;padding:4px 10px;margin:0;background:transparent;color:#999;font-size:18px;font-weight:700;border:none;cursor:pointer;transition:color .2s}.subscription-item .delete-btn:hover{color:#e74c3c;background:transparent}