@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Work+Sans:wght@400;500;600&display=swap";body{box-sizing:border-box;background-color:#0e1b3d;margin:0;padding:0;font-family:Work Sans,sans-serif}.loading-page{justify-content:center;align-items:center;height:100dvh;display:flex}.spinner{background-color:#0000;border:1px solid #8a93b3;border-left:#0000;border-radius:50%;width:24px;height:24px;animation:1s infinite loading}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100dvh;padding:0 24px;display:flex}.error-mark{border:1.5px solid #c9a24b;border-radius:50%;width:36px;height:36px;position:relative}.error-mark:before,.error-mark:after{content:"";background:#c9a24b;width:14px;height:1.5px;position:absolute;top:50%;left:50%}.error-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.error-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.error-page p{color:#cdd1e0;max-width:320px;margin:0;font-size:15px}.retry-btn{color:#f3eee2;cursor:pointer;background:0 0;border:1px solid #c9a24b80;border-radius:2px;padding:8px 20px;font-family:Work Sans,sans-serif;font-size:14px;transition:border-color .2s,background .2s}.retry-btn:hover{background:#c9a24b14;border-color:#c9a24b}.page{color:#f3eee2;width:min(90%,560px);min-height:100dvh;margin:0 auto;padding:48px 0 64px;font-family:Work Sans,sans-serif}.hero h1{letter-spacing:.3px;margin:0 0 20px;font-family:Amiri,serif;font-size:44px;font-weight:700}.controls{border-bottom:1px solid #c9a24b59;flex-wrap:wrap;gap:28px;padding-bottom:24px;display:flex}.field{color:#8a93b3;flex-direction:column;gap:6px;font-size:13px;display:flex}.field input{color:#f3eee2;background:#575b79ba;border:none;border-bottom:1px solid #f3eee24d;outline:none;min-width:180px;padding:4px 2px;font-family:Work Sans,sans-serif;font-size:16px;transition:border-color .2s}.field input:focus{border-bottom-color:#c9a24b}.prayers-btn{cursor:pointer;color:#f3eee2;background:#575b79ba;border:none;border-bottom:1px solid #f3eee24d;outline:none;width:110px;height:32px;margin-top:20px;padding:4px 2px;font-family:Work Sans,sans-serif;font-size:16px;transition:transform .2s}.prayers-btn:hover{transform:translateY(-5px)}.timeline{flex-direction:column;margin-top:40px;display:flex}.prayer-row{gap:20px;display:flex}.marker-col{flex-direction:column;align-items:center;width:16px;display:flex}.marker{background:0 0;border:1.5px solid #c9a24b;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px;transition:background .2s}.thread{background:#c9a24b59;flex:1;width:1px;margin:4px 0}.prayer-content{flex:1;justify-content:space-between;align-items:baseline;padding-bottom:28px;display:flex}.prayer-content h2{color:#f3eee2;margin:0;font-family:Amiri,serif;font-size:22px;font-weight:400}.prayer-content p{color:#cdd1e0;font-variant-numeric:tabular-nums;margin:0;font-size:16px}@media (width<=480px){.hero h1{font-size:34px}.controls{gap:16px}}