:root{--primary:#22c55e;--primary2:#22d3ee;--danger:#ef4444;--ok:#22c55e}*{box-sizing:border-box}body{background:radial-gradient(900px 500px at 20% 0,#173053 0,#0000 60%),radial-gradient(800px 450px at 80% 10%,#0f5b66 0,#0000 55%),linear-gradient(145deg,#0b1320,#0f1b2d);background:radial-gradient(900px 500px at 20% 0,#173053 0,#0000 60%),radial-gradient(800px 450px at 80% 10%,#0f5b66 0,#0000 55%),linear-gradient(145deg,var(--bg1),var(--bg2));color:#e9eef6;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.quiz-page,.start{grid-gap:14px;display:grid;gap:14px;margin:0 auto;padding:16px;width:min(760px,100%)}.quiz-page{align-content:start;min-height:calc(100vh - 40px);place-items:center}.quiz-card,.start{width:100%}.quiz-card,.start{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 55px #00000059;box-shadow:var(--shadow)}.start{grid-gap:10px;display:grid;gap:10px;margin:0 auto;padding:18px 16px;text-align:center;width:min(520px,100%)}.quiz-card,.start{animation:slideUp .45s ease both}.quiz-card{padding:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.start h2{font-size:22px;letter-spacing:.2px;margin:6px 0 0}.start h3{color:#e9eef6b3;color:var(--muted);font-weight:600;margin:6px 0 10px}.quiz-card h4{font-size:18px;line-height:1.6;margin:8px 0 10px}.progress{grid-gap:8px;background:#ffffff0a;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:16px;display:grid;gap:8px;padding:12px}progress{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:999px;height:12px;overflow:hidden;width:100%}progress::-webkit-progress-bar{background:#ffffff0f}progress::-webkit-progress-value{background:linear-gradient(135deg,#22c55e,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--primary2))}.progress p{align-items:center;color:#e9eef6b3;color:var(--muted);display:flex;gap:8px;justify-content:flex-start;margin:0}.progress strong{color:#e9eef6;color:var(--text)}.options{grid-gap:8px;display:grid;gap:8px}.btn{letter-spacing:.3px;transition:transform .08s ease,opacity .2s ease,filter .2s ease}.start .btn{background:linear-gradient(135deg,#22c55e,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--primary2));color:#06121a;width:100%}.start .btn:hover{filter:brightness(1.03)}.btn-option{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:12px;color:#e9eef6;color:var(--text);padding:10px 12px;text-align:start;width:100%}.btn-option:hover{background:#ffffff14}.btn-option.answer{background:#22d3ee1f;border-color:#22d3ee59}.btn-option.correct{background:#22c55e24;border-color:#22c55e59}.btn-option.wrong{background:#ef44441f;border-color:#ef444459}.footer{border-top:1px solid #ffffff1f;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:10px}.footer,.timer{align-items:center}.timer{background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:999px;color:#e9eef6b3;color:var(--muted);display:inline-flex;font-weight:900;letter-spacing:.8px;margin-right:auto;padding:9px 12px}.btn-next,.btn-ui{background:linear-gradient(135deg,#22c55e,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:12px;color:#06121a;font-weight:900;padding:10px 14px}.btn-next:hover,.btn-ui:hover{filter:brightness(1.03)}@media (max-width:520px){.quiz-page,.start{padding:12px;width:100%}.start h2{font-size:20px}.quiz-card h4{font-size:17px}.footer{align-items:stretch;flex-direction:column}.timer{justify-content:center;margin-right:0}.btn-next,.btn-ui{width:100%}}.finish-wrap{display:grid;min-height:calc(100vh - 80px);place-items:center}.finish-card{animation:slideUp .5s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 55px #00000059;box-shadow:var(--shadow);padding:26px 20px;text-align:center;width:min(420px,100%)}.finish-card h2{margin:0 0 14px}.score-ring{background:linear-gradient(135deg,#22c55e,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:50%;color:#06121a;display:grid;font-size:26px;font-weight:900;height:120px;margin:10px auto 14px;place-items:center;width:120px}.result{font-size:16px;margin:6px 0}.highscore{color:#e9eef6b3;color:var(--muted);margin:4px 0 16px}.restart{border-radius:14px;font-size:15px;padding:12px;width:100%}:root{--bg1:#0b1320;--bg2:#0f1b2d;--card:#ffffff0f;--card2:#ffffff14;--text:#e9eef6;--muted:#e9eef6b3;--border:#ffffff1f;--shadow:0 18px 55px #00000059;--radius:18px}.prayer-page{background:radial-gradient(900px 500px at 20% 0,#173053 0,#0000 60%),radial-gradient(800px 450px at 80% 10%,#0f5b66 0,#0000 55%),linear-gradient(145deg,#0b1320,#0f1b2d);background:radial-gradient(900px 500px at 20% 0,#173053 0,#0000 60%),radial-gradient(800px 450px at 80% 10%,#0f5b66 0,#0000 55%),linear-gradient(145deg,var(--bg1),var(--bg2));color:#e9eef6;color:var(--text);display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;min-height:100vh;padding:28px 16px;place-items:center}.prayer-wrap{grid-gap:18px;display:grid;gap:18px;width:min(980px,100%)}.prayer-head{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 55px #00000059;box-shadow:var(--shadow);padding:18px 18px 14px}.prayer-head .date-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.prayer-head h2{font-size:20px;letter-spacing:.5px;margin:0}.prayer-head h3{color:#e9eef6b3;color:var(--muted);font-size:14px;font-weight:500;margin:0}.clock-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.clock{font-size:34px;font-weight:800;letter-spacing:1px}.next{color:#e9eef6b3;color:var(--muted);font-size:14px;line-height:1.4}.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1.1fr .9fr}@media (max-width:860px){.grid{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;background:var(--card);border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 55px #00000059;box-shadow:var(--shadow);overflow:hidden}.card-title{align-items:center;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.card-title h4{color:#e9eef6b3;color:var(--muted);font-size:14px;letter-spacing:.6px;margin:0;text-transform:uppercase}.times{grid-gap:10px;gap:10px;list-style:none;margin:0}.time-item,.times{display:grid;padding:12px}.time-item{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:14px;grid-template-columns:1fr auto}.time-item .name,.time-item .t{font-weight:700}.time-item .t{color:#e9eef6b3;color:var(--muted)}.time-item.active{background:linear-gradient(135deg,#10b9812e,#22d3ee1f);border-color:#22d3ee38}.azkar-body{grid-gap:12px;display:grid;gap:12px;padding:16px}.zekr-box{background:#ffffff0d;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:16px;font-size:16px;line-height:1.9;padding:16px 14px}.zekr-box.done{background:linear-gradient(135deg,#22c55e38,#3b82f61f);border-color:#22c55e38;color:#eafff2}.counter-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:999px;color:#e9eef6b3;color:var(--muted);display:inline-flex;font-weight:600;gap:10px;padding:10px 12px;width:-webkit-fit-content;width:fit-content}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.btn{border:0;border-radius:14px;cursor:pointer;font-weight:800;letter-spacing:.4px;padding:12px 14px;transition:transform .08s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:linear-gradient(135deg,#22c55e,#22d3ee);color:#06121a}.btn.secondary{background:#ffffff14;border:1px solid #ffffff1f;border:1px solid var(--border);color:#e9eef6;color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.45}.loading{color:#e9eef6b3;color:var(--muted);padding:16px;text-align:center}.top-bar{justify-content:space-between;margin-bottom:15px}.logo,.top-bar{align-items:center;display:flex}.logo{font-weight:700;gap:10px}.logo img{height:40px;width:40px}.top-btn{background:#22c55e;border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:8px 16px}
/*# sourceMappingURL=main.692e2191.css.map*/