*{box-sizing:border-box}body{margin:0;background:#f5f7f2;color:#18372a;font-family:Arial,Tahoma,sans-serif;padding-bottom:75px}header{height:62px;background:#123c2b;color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header button{background:#ffffff15;border:0;color:#fff;border-radius:10px;padding:10px}.page{display:none;max-width:850px;margin:auto;padding:16px}.page.active{display:block}.hero{background:linear-gradient(135deg,#123c2b,#2c7352);color:#fff;border-radius:25px;padding:28px 22px;margin-bottom:15px}.hero h1{line-height:1.7}.hero p{font-size:12px;opacity:.8}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cards button{border:0;background:#fff;border-radius:18px;padding:18px;text-align:right;box-shadow:0 4px 15px #18372a0b}.cards b,.cards small{display:block}.cards b{margin-top:10px}.cards small{color:#789087;font-size:10px;margin-top:4px}article{background:#fff;border-radius:18px;padding:17px;margin-top:11px;box-shadow:0 4px 16px #18372a09}article p{line-height:2;text-align:center;font-size:17px}.title{display:flex;align-items:center;gap:10px}.title button{border:0;background:#fff;border-radius:11px;padding:10px}.title h1{font-size:22px}input,select{width:100%;border:0;border-radius:13px;padding:13px;margin:8px 0;outline:0;background:#fff;box-shadow:0 3px 12px #18372a09}.surah{width:100%;border:0;background:#fff;border-radius:15px;padding:14px;margin:4px 0;text-align:right;display:flex;justify-content:space-between}.surah small{display:block;color:#789087;font-size:10px}.reader{line-height:2.7}.tabs{display:flex;gap:5px;overflow:auto;margin:10px 0}.tabs button{white-space:nowrap;border:0;background:#e6ece6;border-radius:10px;padding:10px 12px}.tabs .on{background:#123c2b;color:#fff}.hadithbar{display:flex;gap:7px}.hadithbar input{width:110px}.hadithbar button,.page>button,article button{border:0;background:#123c2b;color:#fff;border-radius:10px;padding:10px 14px}.azkar-item{background:#fff;border-radius:17px;padding:15px;margin:8px 0}.azkar-item p{text-align:right}.azkar-item button{border:0;background:#edf3ed;border-radius:9px;padding:8px}.madhhab{display:grid;grid-template-columns:1fr 1fr;gap:10px}.madhhab article{margin:0}.tasbeeh{text-align:center;background:#123c2b;color:#fff;border-radius:24px;padding:25px}.tasbeeh #count{font-size:80px;margin:20px}.bead{width:190px;height:190px;border-radius:50%;background:#f4f5ef!important;color:#123c2b!important}.tasbeeh>button:last-child{margin-top:12px}.time{display:flex;justify-content:space-between;background:#fff;border-radius:14px;padding:15px;margin:7px 0}.compass{width:230px;height:230px;border:9px solid #e7ece7;border-radius:50%;margin:25px auto;display:grid;place-items:center;position:relative}.compass i{position:absolute;height:100px;width:4px;background:#a44b45;bottom:50%;left:calc(50% - 2px);transform-origin:bottom}nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);z-index:10;box-shadow:0 -5px 20px #18372a10}nav button{border:0;background:none;color:#668076}nav small{display:block;font-size:9px;margin-top:4px}#toast{position:fixed;bottom:82px;left:50%;transform:translate(-50%,20px);opacity:0;background:#123c2b;color:#fff;padding:9px 15px;border-radius:20px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.dark{background:#101713;color:#eef5ef}.dark article,.dark .cards button,.dark .surah,.dark input,.dark select,.dark nav,.dark .title button,.dark .time{background:#18231e;color:#eef5ef}.dark .tabs button{background:#26332c;color:#fff}.dark .tabs .on{background:#315f49}@media(min-width:650px){.cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:500px){.madhhab{grid-template-columns:1fr}}