:root{--primary:#2d3436;--primary-light:#636e72;--accent:#00b894;--accent-light:#00cec9;--success:#00b894;--warning:#fdcb6e;--danger:#d63031;--text-dark:#2d3436;--text-light:#636e72;--background:#dfe6e9}.container{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:min(80px,10vh) min(20px,5vw)}.card{font-family:-apple-system,SF Pro Text,system-ui,sans-serif;padding:min(40px,6vw) min(40px,5vw);width:min(900px,95%)}.back-button{color:#2d3436}.back-button:hover{background:#dfe6e9}h2{color:#2d3436;color:var(--primary);font-family:-apple-system,SF Pro Display,system-ui,sans-serif;font-size:min(28px,5vw);font-weight:600;letter-spacing:-.02em;margin-bottom:32px;text-align:center}h2 i{color:#00b894;color:var(--accent);margin-right:12px}.section-title{color:#2d3436;color:var(--primary);font-family:-apple-system,SF Pro Display,system-ui,sans-serif;font-size:min(20px,4.5vw);font-weight:600;letter-spacing:-.02em;margin:0 0 20px}.form-section{background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.6);border-radius:16px;margin-bottom:32px;padding:24px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}label{color:#2d3436;color:var(--text-dark);display:block;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(15px,4vw);font-weight:500;letter-spacing:-.01em;margin-bottom:8px}label i{color:#00b894;color:var(--accent);font-size:14px;margin-right:8px;text-align:center;width:16px}input{background:#fff;background:var(--white);border:2px solid #dfe6e9;border:2px solid var(--background);border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;color:#2d3436;color:var(--text-dark);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(15px,4vw);height:44px;padding:12px 16px;transition:all .2s ease;width:100%}input:focus{box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 0 0 3px rgba(0,184,148,.1)}input::-webkit-input-placeholder{color:#a0aec0;opacity:.8}input::placeholder{color:#a0aec0;opacity:.8}input::-webkit-input-placeholder{color:#636e72;color:var(--text-light);opacity:.7}input::placeholder{color:#636e72;color:var(--text-light);opacity:.7}input:hover{border-color:#00cec9;border-color:var(--accent-light)}input:focus{border-color:#00b894;border-color:var(--accent);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 0 0 4px rgba(52,152,219,.1);outline:none}.iqamah-toggle{margin-bottom:24px}.switch{align-items:center;background:#fff;background:var(--white);border:2px solid #dfe6e9;border:2px solid var(--background);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.switch:hover{border-color:#00cec9;border-color:var(--accent-light)}.switch-status{align-items:center;color:#2d3436;color:var(--text-dark);display:flex;font-size:min(15px,4vw);font-weight:500;letter-spacing:-.01em}.switch-status i{color:#00b894;color:var(--accent);font-size:14px;text-align:center;width:16px}.iqamah-cards{grid-gap:16px;display:grid;gap:16px;margin-top:20px}.submit-button{-webkit-tap-highlight-color:transparent;background:#00b894;background:var(--accent);border:none;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#fff;color:var(--white);cursor:pointer;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(16px,4vw);font-weight:500;letter-spacing:-.01em;margin-top:20px;padding:16px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.submit-button:hover{background:#00cec9;background:var(--accent-light);box-shadow:0 4px 12px rgba(52,152,219,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.submit-button:active{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.submit-button i{margin-right:8px}@media screen and (min-width:720px) and (max-width:1279px){.card{padding:min(32px,5vw) min(32px,4vw);width:min(800px,95%)}h2{font-size:28px;margin-bottom:28px}h2 i{font-size:26px}.section-title{font-size:22px}.form-section{margin-bottom:28px;padding:20px}label{font-size:16px;margin-bottom:6px}label i{font-size:14px;width:14px}input{font-size:16px;height:46px}.switch,input{padding:10px 14px}.switch-status{font-size:16px}.switch-status i{font-size:14px}.submit-button{font-size:16px;padding:14px}.back-button{font-size:18px;padding:6px}.back-button i{font-size:14px}}@media screen and (min-width:1280px) and (max-width:1919px){.card{padding:min(36px,5vw) min(36px,4vw);width:min(1000px,95%)}h2{font-size:32px;margin-bottom:30px}h2 i{font-size:30px}.section-title{font-size:24px}.form-section{margin-bottom:30px;padding:22px}label{font-size:18px;margin-bottom:8px}label i{font-size:16px;width:16px}input{font-size:18px;height:50px}.switch,input{padding:12px 16px}.switch-status{font-size:18px}.switch-status i{font-size:16px}.submit-button{font-size:18px;padding:16px}.back-button{font-size:20px;padding:8px}.back-button i{font-size:16px}}@media screen and (min-width:1920px) and (max-width:3839px){.card{padding:min(40px,6vw) min(40px,5vw);width:min(1400px,95%)}h2{font-size:42px;margin-bottom:32px}h2 i{font-size:38px}.section-title{font-size:32px;margin-bottom:24px}.form-section{margin-bottom:32px;padding:28px}.form-group{margin-bottom:24px}label{font-size:24px;margin-bottom:10px}label i{font-size:20px;margin-right:10px;width:20px}input{font-size:24px;height:60px}.switch,input{border-radius:14px;padding:16px 20px}.switch-status{font-size:24px}.switch-status i{font-size:20px;width:20px}.submit-button{border-radius:14px;font-size:24px;margin-top:24px;padding:20px}.submit-button i{margin-right:10px}.back-button{font-size:24px;left:24px;padding:10px;top:24px}.back-button i{font-size:20px}}@media screen and (min-width:3840px) and (max-width:7679px){.card{padding:72px 64px;width:min(2400px,88%)}.card-title{font-size:80px}.input-textarea,.input-title{font-size:48px;height:100px;padding:36px}.submit-button{font-size:48px;padding:36px}}@media screen and (min-width:3840px){.card{padding:min(50px,6vw) min(50px,5vw);width:min(2000px,95%)}h2{font-size:56px;margin-bottom:40px}h2 i{font-size:50px}.section-title{font-size:42px;margin-bottom:32px}.form-section{border-radius:20px;margin-bottom:40px;padding:36px}.form-group{margin-bottom:32px}label{font-size:32px;margin-bottom:12px}label i{font-size:28px;margin-right:12px;width:28px}input{border:3px solid #dfe6e9;border:3px solid var(--background);border-radius:16px;font-size:32px;height:80px;padding:20px 28px}input:focus{border:3px solid #00b894;border:3px solid var(--accent)}.switch{border:3px solid #dfe6e9;border:3px solid var(--background);border-radius:16px;padding:20px 28px}.switch:hover{border:3px solid #00cec9;border:3px solid var(--accent-light)}.switch-status{font-size:32px}.switch-status i{font-size:28px;width:28px}.submit-button{border-radius:16px;font-size:32px;margin-top:32px;padding:24px}.submit-button i{margin-right:12px}.back-button{border-radius:10px;font-size:32px;left:32px;padding:12px;top:32px}.back-button i{font-size:26px}}@media (hover:none){.submit-button:active{opacity:.8;-webkit-transform:scale(.98);transform:scale(.98)}}a{color:#00b894;color:var(--accent);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-weight:500;text-decoration:none;transition:color .2s ease}a:hover{color:#00cec9;color:var(--accent-light)}.iqamah-card{background-color:var(--white);border:1px solid #dfe6e9;border-radius:15px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;margin-bottom:19px;padding:23px;transition:all .2s ease;width:auto}.iqamah-card:hover{background-color:#fafafa;border-color:#b2bec3}.iqamah-time{align-items:center;color:#636e72;display:flex;flex-wrap:wrap;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(19px,4vw);letter-spacing:-.01em;margin-bottom:23px}.placeholder{color:#2d3436;font-size:min(19px,4vw);font-weight:500;margin:0 4px}.checkbox-container{align-items:center;display:flex;margin-top:0}.checkbox-label{align-items:center;color:var(--text-dark);cursor:pointer;display:flex;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(15px,4vw);font-weight:500;gap:8px;letter-spacing:-.01em;padding:8px 0;-webkit-user-select:none;user-select:none}.checkbox-show-in-tv{background-color:var(--white);border:2px solid var(--accent);border-radius:6px;cursor:pointer;height:20px;margin:0;position:relative;transition:all .2s ease;width:20px}.checkbox-show-in-tv:checked{background-color:var(--accent);border-color:var(--accent)}.checkbox-show-in-tv:hover{border-color:var(--accent-light)}.iqamah-card>div{align-items:center;display:flex;gap:16px;justify-content:space-between}@media (max-width:480px){.iqamah-card>div{align-items:stretch;flex-direction:column}.checkbox-container{justify-content:center}}@media screen and (min-width:3840px) and (max-width:7679px){.iqamah-time{font-size:48px}.checkbox-label{font-size:44px}}.number-input-container{align-items:center;background:#f1f2f6;border-radius:11px;display:inline-flex;gap:8px;padding:4px}.number-input-button{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#fff;border:1px solid #dfe6e9;border-radius:8px;color:#2d3436;cursor:pointer;display:flex;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:22px;font-weight:500;height:38px;justify-content:center;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:38px}.number-input-button:hover{background-color:#dfe6e9;border-color:#b2bec3}.number-input-button:active{background-color:#dfe6e9;-webkit-transform:scale(.95);transform:scale(.95)}.number-input-field{-moz-appearance:textfield;background:#fff;border:1px solid #dfe6e9;border-radius:8px;color:#2d3436;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:19px;font-weight:500;height:38px;margin:0;padding:0;text-align:center;transition:all .2s ease;width:38px}.number-input-field::-webkit-inner-spin-button,.number-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-field:hover{border-color:#b2bec3}.number-input-field:focus{border-color:#2d3436;outline:none}@media screen and (min-width:3840px) and (max-width:7679px){.number-input-button{font-size:48px;height:84px;width:84px}.number-input-field{font-size:44px;height:84px;width:84px}}.number-input-button:disabled{cursor:not-allowed;opacity:.35}.prefs-page{--p-card:#f8f9f7;--p-field:#fff;--p-ink:#26312e;--p-muted:#6d7b76;--p-line:#e3e8e5;--p-accent:#2f9e84;--p-accent-dark:#278a72;--p-accent-soft:#e2f2ed;--p-danger:#d63031;-webkit-font-smoothing:antialiased;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--p-ink);font-family:Inter,-apple-system,SF Pro Text,system-ui,sans-serif}.prefs-page,.prefs-shell{min-height:100vh;width:100%}.prefs-shell{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 clamp(16px,4vw,56px) 56px}.prefs-header{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin-bottom:8px;padding:20px 0}.prefs-header h1{color:#fff;font-size:clamp(20px,1.8vw,36px);font-weight:600;letter-spacing:-.01em;margin:0;text-align:center}.prefs-header h1 i{margin-right:10px;opacity:.85}.prefs-back,.prefs-save{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:clamp(14px,1.05vw,22px);font-weight:600;gap:8px;padding:11px 20px;text-decoration:none;transition:background .15s ease,-webkit-transform .15s ease;transition:background .15s ease,transform .15s ease;transition:background .15s ease,transform .15s ease,-webkit-transform .15s ease}.prefs-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.14);color:#fff;justify-self:start}.prefs-back:hover{background:hsla(0,0%,100%,.24)}.prefs-save{background:linear-gradient(135deg,#22b07d,#148a63);box-shadow:0 6px 16px rgba(20,138,99,.35),inset 0 1px 0 hsla(0,0%,100%,.25);color:#fff;justify-self:end}.prefs-save:hover{background:linear-gradient(135deg,#27bd88,#17956c);color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.prefs-save:active{-webkit-transform:translateY(0);transform:translateY(0)}.prefs-save:disabled{background:#9aa8a3;box-shadow:none;cursor:not-allowed;-webkit-transform:none;transform:none}.prefs-grid{grid-gap:clamp(16px,1.6vw,28px);align-items:stretch;display:grid;gap:clamp(16px,1.6vw,28px);grid-template-columns:repeat(2,minmax(0,1fr))}.prefs-wide{grid-column:1/-1}.prefs-card{background:var(--p-card);border:1px solid hsla(0,0%,100%,.6);border-radius:20px;box-shadow:0 8px 28px rgba(0,0,0,.14);padding:clamp(20px,2vw,36px)}.prefs-invalid{border:2px solid var(--p-danger)}.prefs-card h3{align-items:center;color:var(--p-ink);display:flex;font-size:clamp(17px,1.3vw,28px);font-weight:600;gap:12px;letter-spacing:-.01em;margin:0 0 clamp(16px,1.4vw,24px)}.prefs-card h3 i{align-items:center;background:var(--p-accent-soft);border-radius:10px;color:var(--p-accent);display:inline-flex;font-size:.8em;height:2.1em;justify-content:center;margin:0;width:2.1em}.prefs-fields{grid-gap:clamp(14px,1.4vw,24px);display:grid;gap:clamp(14px,1.4vw,24px);grid-template-columns:repeat(3,minmax(0,1fr))}.prefs-page .form-group{margin:0}.prefs-page label{color:var(--p-muted);display:block;font-size:clamp(13px,.95vw,20px);font-weight:600;letter-spacing:.01em;margin:0 0 8px}.prefs-page label i{color:var(--p-accent);font-size:.95em;margin-right:8px;width:auto}.news-textarea,.prefs-page .prefs-card input[type=text]{background:var(--p-field);border:1.5px solid var(--p-line);border-radius:12px;box-shadow:none;box-sizing:border-box;color:var(--p-ink);font-family:inherit;font-size:clamp(15px,1.1vw,24px);height:auto;padding:13px 16px;width:100%}.news-textarea::-webkit-input-placeholder,.prefs-page .prefs-card input[type=text]::-webkit-input-placeholder{color:#a3aeaa}.news-textarea::placeholder,.prefs-page .prefs-card input[type=text]::placeholder{color:#a3aeaa}.news-textarea:hover,.prefs-page .prefs-card input[type=text]:hover{border-color:#c9d3cf}.news-textarea:focus,.prefs-page .prefs-card input[type=text]:focus{border-color:var(--p-accent);box-shadow:0 0 0 4px var(--p-accent-soft);outline:none}.prefs-page label.prefs-switch{align-items:center;background:var(--p-field);border:1.5px solid var(--p-line);border-radius:14px;color:var(--p-ink);cursor:pointer;display:flex;font-size:clamp(15px,1.1vw,24px);font-weight:500;gap:16px;justify-content:space-between;letter-spacing:0;margin:0 0 16px;padding:14px 18px}.prefs-sabahu{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.prefs-step{background:var(--p-field);border:1.5px solid var(--p-line);border-radius:14px;padding:16px 18px}.prefs-step-head{align-items:baseline;color:var(--p-muted);display:flex;font-size:clamp(13px,.95vw,20px);font-weight:600;gap:12px;justify-content:space-between;margin-bottom:2px}.prefs-time{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--p-accent-dark);font-size:clamp(24px,2vw,44px);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.prefs-hint{color:var(--p-muted);font-size:clamp(13px,.95vw,20px);line-height:1.4;margin:0 0 12px}.prefs-hint b{color:var(--p-ink)}.prefs-sunrise{grid-column:1/-1;margin:0;padding-top:4px}.prefs-error{background:#fdecea;border:1.5px solid var(--p-danger);border-radius:12px;color:#b71c1c;font-size:clamp(14px,1vw,22px);font-weight:600;grid-column:1/-1;padding:12px 16px}.prefs-error p{margin:4px 0}.prefs-iqamah-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.prefs-page .iqamah-card{background:var(--p-field);border:1.5px solid var(--p-line);border-radius:14px;margin:0;padding:16px 18px}.prefs-page .iqamah-card:hover{background:var(--p-field);border-color:#c9d3cf}.prefs-page .iqamah-time{color:var(--p-muted);font-size:clamp(13px,.95vw,20px);margin-bottom:14px}.prefs-page .iqamah-time .placeholder{color:var(--p-ink);font-size:inherit;font-weight:600}.prefs-page .iqamah-card>div{flex-wrap:wrap;gap:12px}.prefs-page .checkbox-label{color:var(--p-muted);font-size:clamp(13px,.95vw,20px)}.prefs-page .number-input-container{background:#eef2f0}.prefs-page .number-input-button{border-color:var(--p-line);color:var(--p-ink)}.prefs-page .number-input-field{color:var(--p-ink);font-family:inherit}.news-card{margin:0 auto;max-width:900px}.news-card .form-group{margin-bottom:18px}.news-textarea{min-height:200px;resize:vertical}.news-actions{display:flex;gap:14px;margin-top:8px}.news-actions .prefs-save{flex:1 1;justify-content:center}.news-clear{background:var(--p-field);border:1.5px solid var(--p-line);border-radius:12px;color:var(--p-ink);cursor:pointer;flex:1 1;font-family:inherit;font-size:clamp(14px,1.05vw,22px);font-weight:600;padding:11px 20px}.news-clear:hover{background:#f1f4f2}@media (max-width:760px){.prefs-fields{grid-template-columns:1fr}}@media (max-width:900px){.prefs-grid{grid-template-columns:1fr}.prefs-header{grid-template-columns:auto 1fr}.prefs-header h1{display:none}.news-actions{flex-direction:column}}:root{--primary:#2c3e50;--primary-light:#34495e;--accent:#3498db;--accent-light:#5dade2;--success:#27ae60;--warning:#e67e22;--danger:#e74c3c;--text-dark:#2c3e50;--text-light:#7f8c8d;--background:#ecf0f1;--white:#fff}.settings-page{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.98);border:1px solid hsla(0,0%,100%,.4);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:28px;padding:min(40px,5vw);position:relative;width:min(600px,90%)}.back-button{align-items:center;background:transparent;border:none;border-radius:8px;color:#2c3e50;color:var(--text-dark);cursor:pointer;display:flex;font-size:20px;gap:8px;left:20px;padding:8px;position:absolute;top:20px;transition:all .2s ease}.back-button:hover{background:#ecf0f1;background:var(--background);-webkit-transform:translateX(-2px);transform:translateX(-2px)}.back-button i{font-size:16px}.card-title{border-bottom:2px solid #3498db;border-bottom:2px solid var(--accent);color:#2c3e50;color:var(--primary);font-family:-apple-system,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:min(32px,5vw);font-weight:600;letter-spacing:-.02em;margin:0;padding-bottom:16px;text-align:center}.card-content{display:flex;flex-direction:column;gap:24px}.input-label{display:block;font-weight:500;margin-bottom:10px}.input-label,.input-textarea,.input-title{color:#2c3e50;color:var(--text-dark);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(16px,4vw);letter-spacing:-.01em}.input-textarea,.input-title{background:#fff;background:var(--white);border:2px solid #ecf0f1;border:2px solid var(--background);border-radius:16px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);box-sizing:border-box;padding:18px;transition:all .3s ease;width:100%}.input-title{height:65px;margin-bottom:16px}.input-textarea{height:180px;resize:none}.input-textarea:hover,.input-title:hover{border-color:#5dade2;border-color:var(--accent-light)}.input-textarea:focus,.input-title:focus{border-color:#3498db;border-color:var(--accent);box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 0 0 4px rgba(52,152,219,.1);outline:none}.input-textarea::-webkit-input-placeholder,.input-title::-webkit-input-placeholder{color:#7f8c8d;color:var(--text-light)}.input-textarea::placeholder,.input-title::placeholder{color:#7f8c8d;color:var(--text-light)}.button-group{display:flex;flex-direction:column;gap:16px;margin-top:16px}.cancel-button,.save-button{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;cursor:pointer;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(16px,4vw);font-weight:500;letter-spacing:-.01em;overflow:hidden;padding:16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.save-button{background:#3498db;background:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.05);color:#fff;color:var(--white)}.cancel-button{background:#fff;background:var(--white);border:1.5px solid #ecf0f1;border:1.5px solid var(--background);color:#2c3e50;color:var(--text-dark)}.save-button:hover{background:#5dade2;background:var(--accent-light);box-shadow:0 4px 12px rgba(52,152,219,.15)}.cancel-button:hover,.save-button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cancel-button:hover{background:#ecf0f1;background:var(--background)}.cancel-button:active,.save-button:active{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.settings-link{-webkit-tap-highlight-color:transparent;border-radius:10px;color:#3498db;color:var(--accent);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:min(15px,4vw);font-weight:500;letter-spacing:-.01em;margin-top:4px;padding:14px;text-align:center;text-decoration:none;transition:all .2s ease}.settings-link:hover{background:rgba(52,152,219,.05);color:#5dade2;color:var(--accent-light)}@media (hover:none){.cancel-button:active,.save-button:active{opacity:.8;-webkit-transform:scale(.98);transform:scale(.98)}.settings-link:active{opacity:.7;-webkit-transform:scale(.98);transform:scale(.98)}}@media screen and (min-width:3840px) and (max-width:7679px){.card{padding:72px 64px;width:min(2000px,88%)}.card-title{font-size:80px}.input-textarea,.input-title{font-size:48px;height:100px;padding:36px}.cancel-button,.save-button{font-size:48px;padding:36px}}.home-container{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin:0;overflow:hidden!important;padding:0}.timeText{font-size:37px}*{font-family:Montserrat;margin:0;padding:0}@media screen and (min-width:3840px) and (max-width:7679px){.timeText{font-size:56px}}.prayer-times__container{align-items:center;background:#333;background:linear-gradient(0deg,#333 12%,rgba(51,51,51,.845) 39%,rgba(51,51,51,.565) 71%,hsla(0,0%,100%,0));bottom:0;display:flex;flex:0 0 30%;flex-direction:column;left:0;position:absolute;right:0;width:100%}.prayer-time-center{margin-bottom:60px;width:90%}.date-time,.prayer-time-center{display:flex;justify-content:space-between}.date-time{align-items:center;font-size:18px;width:100%}.date-time p{color:#f5f5f5;padding:15px}.prayer-time-conatiner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:10px;padding-top:10px;width:100%}.shadow{background-color:#241d1d;border-radius:20px;box-shadow:0 0 46px -24px #333;padding-left:30px;padding-right:30px;width:60%}.prayer-icon{height:48px;width:48px}.active-icon{-webkit-filter:invert(56%) sepia(100%) saturate(200%) hue-rotate(10deg);filter:invert(56%) sepia(100%) saturate(200%) hue-rotate(10deg)}path{fill:#000}.prayer-title{font-size:32px}.prayer-time,.prayer-title{color:#fff;font-weight:500;margin-top:10px}.prayer-time{font-size:36px}.info-holder{align-items:flex-end;bottom:10px;display:flex;justify-content:space-between;left:0;padding-top:20px;position:absolute;right:0}.info-holder p{color:#cfcfcf;font-size:18px;font-weight:400;padding-left:20px;padding-right:20px}@media screen and (min-width:3840px) and (max-width:7679px){.prayer-time{font-size:48px}.prayer-title{font-size:44px}}.hadith-container{color:#fff;display:flex;flex:0 0 60%;flex-direction:column;font-family:Montserrat;font-size:26px;justify-content:space-between;padding-bottom:16px;padding-left:20px;padding-right:20px;width:100%}.hadith-container .hadith-info{padding-left:5%;padding-right:5%;width:90%}.info-title{color:#fff;font-weight:500!important}.info-description,.info-title{display:block;font-family:Montserrat}.info-description{color:hsla(0,0%,100%,.8);font-size:26!important;font-weight:400;margin-top:10px}.hadith-innerHtml{border:0 solid red;display:flex;flex:1 1;flex-direction:column;height:100%}.hadith-innerHtml p{display:block;font-size:28px;font-weight:400;margin-bottom:25px}.hadith-innerHtml p strong{font-size:30px;font-weight:600}.hadith-container .info-holder{align-items:flex-end;display:flex;justify-content:space-between;padding-left:20px;padding-right:20px}.hadith-container .info-holder p{color:#fff;font-size:14px;font-weight:500}.fade-in{opacity:1;transition:opacity .5 ease-in}.fade-out{opacity:0;transition:opacity .5 ease-out}@media screen and (min-width:3840px) and (max-width:7679px){.hadith-container{font-size:52px}.info-title{font-size:54px}.info-description{font-size:52px}}.header{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;padding:20px}.settings-holder{align-self:flex-end;flex:1 1;padding:20px;position:absolute;right:0;top:0}.timeText{font-size:43px}.nextText,.timeText{align-self:center;color:#fff;font-family:monospace;text-align:center;width:100%}.nextText{font-size:23px}@media screen and (min-width:3840px) and (max-width:7679px){.timeText{font-size:60px}}
/*# sourceMappingURL=main.22b49a19.css.map*/