html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#f9f9f9;color:#134e4a;overflow:hidden}.filter-form{display:flex;justify-content:center;align-items:center;height:100vh}.form-elements{max-width:360px;width:100%;display:flex;flex-direction:column;gap:10px;margin:20px}.form-elements input{font-size:16px;padding:8px 10px;border:1px solid #ccc}.form-elements button{padding:10px;background:#134e4a;color:#fff;border:none;cursor:pointer}.error{color:red}#loadingOverlay{position:fixed;inset:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;z-index:50;font-weight:600;color:#134e4a}#centerWrapper{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#playerContainer{width:360px;display:flex;flex-direction:column;transition:height .32s ease}#playerContainer.expanded{height:calc(100vh - 40px)}#surahHeader{padding:14px 18px;background:#fff;border:1px solid rgba(19,78,74,.06);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .18s ease}#surahHeader.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0}#surahHeader:hover{background:#f4fffd}#surahTitle{font-size:1.05rem;font-weight:700}#surahTime{opacity:.8;font-size:.95rem}#playlist{display:none;flex-direction:column;overflow-y:auto;background:#fff;border:1px solid rgba(19,78,74,.04);border-top:none;border-radius:0 0 12px 12px;padding:4px 0}#playlist.show{display:flex;flex:1}.surah{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;transition:background .15s ease}.surah:hover{background:#134e4a0d}.surah.active{background:#134e4a1f;font-weight:700}#circleOuter{margin:2rem auto 0;height:180px;width:180px;border-radius:50%;border:2px solid rgba(19,78,74,.12);display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#134e4a08,#134e4a03);transition:all .36s cubic-bezier(.2,.9,.28,1)}#circleOuter.moved{width:80px!important;height:80px!important}#circleOuter.playing{animation:glow 3.6s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 8px 18px #134e4a14,0 0 6px #134e4a0f;transform:scale(1)}50%{box-shadow:0 14px 32px #134e4a1c,0 0 14px #134e4a1f;transform:scale(1.01)}to{box-shadow:0 10px 24px #134e4a1a,0 0 10px #134e4a17;transform:scale(1)}}#circleInner{height:80px;width:80px;border-radius:50%;background:#134e4a;display:flex;align-items:center;justify-content:center;transition:all .28s ease;cursor:pointer}#circleOuter.moved #circleInner{width:40px!important;height:40px!important}#circleInner svg{width:22px;height:22px;fill:#fff}@media (max-width: 420px){#playerContainer{width:calc(100% - 32px)}#circleOuter{height:140px;width:140px}#circleInner{height:72px;width:72px}}