html,body{margin:0;padding:0;font-family:sans-serif;background:#f9f9f9;color:#134e4a}#root{display:flex;flex-direction:column;height:100vh}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;justify-content:center;align-items:center;font-size:1.5rem;z-index:10}body{display:flex;flex-direction:column;height:100vh}h1{text-align:center;margin:1rem 0}#player{padding:1rem;background-color:#134e4a;color:#fff;flex:0 0 auto}audio{width:100%;margin-top:10px}#playlist{flex:1 1 auto;overflow-y:auto;padding:1rem}.surah{padding:10px;cursor:pointer;border-bottom:1px solid #eee;transition:background .2s}.surah:hover{background:#e0f2f1}.active{background:#d0f0ec;font-weight:700}.filter-form{display:flex;justify-content:center;align-items:center;height:100%}.form-elements{width:100%;max-width:360px;min-width:280px;display:flex;flex-direction:column;gap:10px;margin:20px;box-sizing:border-box}.form-elements input{font-size:14px;padding:5px}.form-elements button{font-size:14px;padding:6px;background:#134e4a;color:#fff;border:none}