*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.container{max-width:600px;margin:0 auto}.header{text-align:center;margin-bottom:30px;padding-top:20px}.header h1{background:linear-gradient(135deg,#4ecca3 0%,#3ba87f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:36px;font-weight:700}.mosque-icon{margin-bottom:10px;font-size:48px}.date-nav{justify-content:center;align-items:center;gap:15px;margin-bottom:15px;display:flex}.date-nav-btn{color:#4ecca3;cursor:pointer;-webkit-user-select:none;user-select:none;background:#4ecca333;border:2px solid #4ecca3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;transition:all .3s;display:flex}.date-nav-btn:active{background:#4ecca366;transform:scale(.95)}.date-nav-btn.today{color:#1a1a2e;background:#4ecca3;border-radius:22px;width:auto;padding:0 20px;font-size:14px;font-weight:700}.date{color:#b8b8d1;margin-bottom:5px;font-size:16px}.day-indicator{color:#4ecca3;margin-bottom:5px;font-size:13px;font-weight:700}.current-time{color:#8b8ba8;font-size:14px}.next-prayer-card{text-align:center;background:linear-gradient(135deg,#16213e 0%,#0f3460 100%);border-radius:20px;margin-bottom:30px;padding:30px;box-shadow:0 10px 30px #0000004d}.next-prayer-label{color:#b8b8d1;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:14px}.next-prayer-name{color:#4ecca3;margin-bottom:5px;font-size:42px;font-weight:700}.next-prayer-time{color:#fff;margin-bottom:15px;font-size:28px}.countdown{color:#b8b8d1;background:#4ecca31a;border-radius:10px;min-width:200px;padding:12px 24px;font-family:Courier New,monospace;font-size:20px;display:inline-block}.countdown .time-unit{color:#4ecca3;font-weight:700}.section-title{color:#fff;margin-bottom:15px;font-size:20px;font-weight:700}.prayer-times{margin-bottom:30px;animation:.3s fadeIn}.prayer-row{background:#0f346099;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:18px 20px;transition:all .3s;display:flex}.prayer-row:hover{background:#0f3460e6;transform:translate(5px)}.prayer-row.active{background:linear-gradient(135deg,#4ecca3 0%,#3ba87f 100%)}.prayer-row.active .prayer-name,.prayer-row.active .prayer-time{color:#1a1a2e;font-weight:700}.prayer-row.passed{opacity:.5}.prayer-name{color:#fff;font-size:18px;font-weight:500}.prayer-time{color:#4ecca3;font-size:20px;font-weight:700}.controls{background:#0f346066;border-radius:12px;margin-bottom:20px;padding:20px}.control-row{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.control-row:last-child{margin-bottom:0}.control-label{color:#fff;font-size:16px}.toggle-switch{cursor:pointer;background:#0f3460;border-radius:15px;width:60px;height:30px;transition:all .3s;position:relative}.toggle-switch.active{background:#4ecca3}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:3px;left:3px}.toggle-switch.active:after{left:33px}.install-prompt{color:#1a1a2e;text-align:center;cursor:pointer;background:linear-gradient(135deg,#4ecca3 0%,#3ba87f 100%);border-radius:12px;margin-bottom:20px;padding:15px 20px;font-weight:500}.footer{text-align:center;color:#8b8ba8;margin-top:30px;padding-bottom:20px;font-size:14px}.notification-badge{color:#1a1a2e;background:#4ecca3;border-radius:12px;margin-left:10px;padding:4px 12px;font-size:12px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}