body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#fff;color:#000}.location-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.location-selector{background:#fff;border-radius:12px;width:90%;max-width:500px;height:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.location-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.location-selector-header h2{font-size:1.5rem;font-weight:300;margin:0;letter-spacing:.5px}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-button:hover{background:#f0f0f0}.current-location{padding:1rem 1.5rem;background:#f8f8f8;border-bottom:1px solid #e0e0e0}.current-location p{margin:0;color:#666;font-size:.9rem}.search-form{position:relative;padding:1.5rem;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:.75rem;border:1px solid #cccccc;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.search-input:focus{border-color:#000}.search-loading{position:absolute;top:50%;right:2rem;transform:translateY(-50%);font-size:.8rem;color:#666;background:#fff;padding:0 .5rem}.search-results{overflow-y:auto;flex:1;min-height:0}.search-result-item{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.search-result-item:hover{background:#f8f8f8}.location-name{font-size:1.1rem;font-weight:500;color:#000;margin-bottom:.25rem}.location-details{font-size:.9rem;color:#666}@media (max-width: 640px){.location-selector{width:95%;max-height:90vh}.location-selector-header h2{font-size:1.25rem}.search-form{padding:1rem}.search-input{font-size:.9rem}.search-loading{right:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}.prayer-container{min-height:100vh;background:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex;flex-direction:column;align-items:center;padding:2rem}.prayer-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #000000;width:100%;max-width:500px}.prayer-header h1{font-size:2.5rem;font-weight:300;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.location-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.location-button{background:none;border:1px solid #cccccc;border-radius:20px;padding:.5rem 1rem;font-size:1rem;color:#333;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.3rem}.location-icon{font-size:.7rem;line-height:1}.location-button:hover{border-color:#000;background:#f8f8f8}.detect-button{background:none;border:1px solid #cccccc;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:200;cursor:pointer;transition:all .2s;color:#333}.detect-button:hover{border-color:#000;background:#f8f8f8;color:#000}.current-time{font-size:1.5rem;font-weight:200;color:#333}.date{font-size:1rem;font-weight:300;color:#666;margin-top:.5rem}.loading,.error{font-size:1.2rem;color:#666;padding:2rem;text-align:center}.error{color:#c00}.prayer-list{width:100%;max-width:500px;margin-bottom:3rem}.prayer-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1rem;border:1px solid #cccccc;border-radius:8px;transition:all .3s ease;background:#fff}.prayer-item:hover{border-color:#000;box-shadow:0 2px 8px #0000001a}.prayer-item.next-prayer{background:#000;color:#fff;border-color:#000}.prayer-name{display:flex;flex-direction:column;gap:.25rem}.name-english{font-size:1.25rem;font-weight:500}.name-arabic{font-size:1rem;opacity:.7;font-family:Arial,sans-serif}.prayer-time{font-size:1.5rem;font-weight:300;font-variant-numeric:tabular-nums}.prayer-footer{text-align:center;padding-top:2rem;border-top:1px solid #cccccc;width:100%;max-width:500px}.prayer-footer p{font-size:.9rem;color:#666}.prayer-footer a{color:#000;text-decoration:none;font-weight:500}.prayer-footer a:hover{text-decoration:underline}@media (max-width: 640px){.prayer-container{padding:1rem}.prayer-header h1{font-size:2rem}.current-time{font-size:1.25rem}.prayer-item{padding:1rem}.name-english{font-size:1.1rem}.prayer-time{font-size:1.25rem}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}