@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#fff;background:#021e18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 20%,#123d31 0,#021f19 55%,#011712);min-height:100vh}button,input{font:inherit}.phone{width:390px;max-width:100vw;height:844px;margin:20px auto;background:linear-gradient(180deg,#063a2e,#043328);border:1px solid rgba(211,168,53,.13);border-radius:31px;overflow:hidden;position:relative;box-shadow:0 25px 70px #0008}.scroll{height:100%;overflow:auto;padding:18px 15px 100px;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.header{height:43px;display:flex;align-items:center;gap:11px}.headerTitle{font-weight:800;font-size:18px;flex:1}.sub{margin:0 0 15px;color:#9cc0b6;font-size:10px}.logoIcon{width:30px;height:30px;overflow:hidden;position:relative}.logoIcon img{height:30px;width:auto;max-width:none;position:absolute;left:0;top:0}.iconBtn{width:39px;height:39px;border:1px solid #1b5b4c;background:#0a4739;border-radius:12px;color:#fff;display:grid;place-items:center;position:relative}.iconBtn i{position:absolute;width:6px;height:6px;background:#f6bd16;border-radius:50%;right:8px;top:7px}.headerActions{display:flex;gap:15px;color:#eebd18}.prayerHero{height:174px;border:1px solid #1d6855;border-radius:22px;background:linear-gradient(120deg,#095342,#06382d);position:relative;overflow:hidden;padding:15px;cursor:pointer}.prayerHero:after{content:"";position:absolute;right:-45px;top:-65px;width:180px;height:180px;border:1px solid #a8892b44;border-radius:50%}.place{font-size:9px;display:flex;align-items:flex-start;gap:5px;color:#d6e5df}.place svg{color:#ffc51b;flex:none}.place span{margin-left:auto;text-align:right;font-size:7px;color:#9cb6ad}.place b{color:#fff}.time{font-size:28px;font-weight:800;color:#ffc11a;margin-top:22px}.next{font-size:10px;font-weight:700;margin-top:5px}.left{font-size:8px;color:#91b3aa;margin-top:5px}.prayerHero img{position:absolute;right:0;bottom:8px;width:217px;height:149px;object-fit:contain;filter:drop-shadow(0 5px 12px #eeb71933)}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0 18px}.quick button{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;cursor:pointer}.quick span{width:43px;height:43px;border:1px solid #b98d16;border-radius:50%;display:grid;place-items:center;color:#f7bd18;background:#063a30}.quick small{font-size:7px;color:#d5e1dd}.sectionTitle{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.sectionTitle h3{font-size:14px;margin:0;font-weight:800}.sectionTitle button{background:none;border:0;color:#ffc21b;font-size:8px;font-weight:700}.quote{height:101px;border:1px solid #24705d;border-radius:17px;background:linear-gradient(110deg,#0c5140,#07503f);padding:11px 15px;position:relative;margin-bottom:17px;overflow:hidden}.quoteMark{font-size:39px;color:#c39b2c;line-height:20px}.quote p{font-size:10px;line-height:1.45;margin:4px 0}.quote small{font-size:7px;color:#a4c0b8}.quoteSpark{position:absolute;right:16px;bottom:18px;color:#c49b22}.jildRow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.jildMini{height:76px;border:1px solid #1e6855;border-radius:13px;background:#0b4a3b;color:#fff;display:flex;align-items:center;gap:7px;padding:7px;text-align:left}.cover,.largeCover{background:linear-gradient(145deg,#173c25,#5d4012);border:1px solid #d4a92a;border-radius:7px;color:#f6c52a;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.cover{width:44px;height:58px}.cover b{font-size:5px}.jildMini strong{font-size:9px;display:block}.jildMini small{font-size:6px;color:#a7c0b9;display:block;margin-top:4px}.bookRow{display:flex;gap:10px;overflow:hidden;margin-bottom:18px}.bookRow button{background:none;border:0;color:#fff;width:70px;text-align:left;padding:0}.bookCover{height:87px;width:65px;border-radius:6px;border:1px solid #c99c28;display:grid;place-items:center;color:#efbd2b;margin-bottom:5px;background:linear-gradient(145deg,#163c27,#74521a)}.bookCover svg{width:25px}.bookRow b{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.quiet{padding:13px;border:1px solid #1d6553;border-radius:15px;background:#0a4538;color:#aac2bb;font-size:9px;display:flex;gap:8px;align-items:center}.search{height:42px;background:#fff;border-radius:14px;color:#638078;display:flex;align-items:center;gap:8px;padding:0 12px;margin:12px 0 15px}.search input{border:0;outline:0;flex:1;min-width:0;font-size:9px}.sliders{font-size:17px}.bookBanner{height:142px;border-radius:17px;background:linear-gradient(100deg,#102f27,#352915);border:1px solid #3d4c32;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.bookBanner span,.makBanner span{font-size:7px;letter-spacing:1.7px;color:#a8bcae}.bookBanner h2{font-size:18px;line-height:1.1;margin:6px 0;color:#fff}.bookBanner p{font-size:7px;color:#aebeb8;width:150px;line-height:1.4}.bannerBooks{font-size:31px;color:#bf972c;letter-spacing:-8px}.chips{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.chips button{white-space:nowrap;border:0;border-radius:16px;background:#073a30;color:#c4d1cc;padding:7px 13px;font-size:8px}.chips .sel{background:#ffbf17;color:#07281f;font-weight:800}.bookList{display:grid;gap:7px}.bookItem{min-height:93px;border:1px solid #1b624f;background:#083f32;border-radius:14px;padding:7px;display:flex;align-items:center;gap:9px}.largeCover{width:62px;height:78px}.bookInfo{flex:1;min-width:0}.bookInfo h3{font-size:11px;margin:0 0 4px}.bookInfo p{font-size:7px;color:#a9c0b9;margin:0 0 6px}.bookInfo div{display:flex;gap:4px}.bookInfo div span{background:#0e5746;border-radius:8px;padding:3px 6px;font-size:6px}.bookInfo small{font-size:6px;color:#9db8af;display:block;margin-top:6px}.rating{height:75px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#f7c220}.rating strong{font-size:8px}.makBanner{height:137px;border-radius:19px;background:#e4eadf;color:#07372d;padding:25px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.makBanner h2{font-size:20px;line-height:1.02;margin:7px 0}.makBanner em{font-style:normal;color:#efb718}.makBanner svg{color:#a37b1e}.jildList{display:grid;gap:8px}.jildCard{height:91px;border:0;border-radius:17px;background:#f5f7f3;color:#12342b;display:flex;align-items:center;gap:11px;padding:9px;text-align:left}.jildCard .cover{width:55px;height:73px}.jildCard h3{margin:0;font-size:11px}.jildCard p{font-size:7px;color:#72837c;margin:5px 0 10px}.jildCard small{font-size:6px;color:#a17e21}.jildCard>svg{margin-left:auto;color:#81908a}.plainList{display:grid;gap:0;border-radius:15px;overflow:hidden}.plainList button{height:45px;border:0;border-bottom:1px solid #1a594a;background:#06392f;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px}.plainList button:last-child{border:0}.detail{text-align:center;padding-top:4px}.detailTop{display:flex;justify-content:flex-end;gap:16px;color:#e9b820}.detail h1{font-size:18px;margin:16px 0 3px}.detail>small{font-size:7px;color:#91ada5}.detail>p:not(.urdu){font-size:9px;color:#abc0ba;line-height:1.6}.urdu{font-size:15px;line-height:2;margin:18px 0 3px;direction:rtl}.media{height:58px;background:#0a4839;border:1px solid #1b6654;border-radius:12px;margin:7px 0;display:flex;align-items:center;padding:7px;text-align:left}.mediaIcon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-right:9px}.m0{background:#174e5d}.m1{background:#553f39}.m2{background:#5b3030}.media div{flex:1}.media b{display:block;font-size:9px}.media small{display:block;font-size:6px;color:#8faea5;margin-top:3px}.media button{width:32px;height:32px;border:0;border-radius:50%;background:#8ac5ad;color:#07352b;display:flex;align-items:center;justify-content:center}.prayerPage{margin-top:10px}.prayerImage{height:160px;border:1px solid #1b6552;border-radius:18px;background:#0b493a;position:relative;overflow:hidden;padding:11px}.prayerImage img{position:absolute;top:15px;right:0;bottom:-5px;left:0;width:100%;height:130px;object-fit:contain}.prayerImage div{position:relative;z-index:2;font-size:8px;display:flex;gap:5px;color:#d4e2dd}.prayerImage svg{color:#ffc21a}.prayerRow{height:51px;margin-top:6px;border-radius:13px;background:#073d32;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#a8bdb6;font-size:9px}.prayerRow span{display:flex;gap:8px;align-items:center}.prayerRow b{color:#fff;font-size:9px}.prayerRow.current{border:1px solid #eeb91a;background:#21473a;color:#fff}.qibla{text-align:center;padding-top:20px}.compass{width:250px;height:250px;border:2px solid #d4a624;border-radius:50%;margin:10px auto 20px;position:relative;background:radial-gradient(circle,#0a4a3a 0,#073329 65%,#092d25);box-shadow:inset 0 0 0 13px #073d31,0 0 35px #d4a62422}.compass:before{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;border:1px dashed #a98122;border-radius:50%}.compass span,.compass i,.compass b,.compass em{position:absolute;color:#eab91c;font-size:11px;font-style:normal}.compass span{top:8px;left:50%;transform:translate(-50%)}.compass i{right:10px;top:50%;transform:translateY(-50%)}.compass b{bottom:8px;left:50%;transform:translate(-50%)}.compass em{left:10px;top:50%;transform:translateY(-50%)}.needle{position:absolute;top:47px;left:50%;transform:translate(-50%);color:#f4bd18;font-size:45px}.kaaba{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:57px;height:57px;border-radius:10px;background:#0b1814;color:#f1bc19;display:grid;place-items:center;border:2px solid #d6a622}.qibla h2{font-size:12px;color:#bdcbc6;margin:0}.qibla>strong{font-size:23px;display:block;margin:5px 0 20px}.location{height:59px;border:1px solid #b18a27;border-radius:13px;background:#073a30;display:flex;align-items:center;text-align:left;padding:0 13px;gap:10px}.location svg{color:#f5bd1a}.location span{font-size:9px}.location small{display:block;font-size:7px;color:#9eb8b0;margin-top:4px}.tasbee{padding-top:10px}.select{height:60px;border:1px solid #1b6251;background:#083f33;border-radius:13px;padding:11px;font-size:7px;color:#a4bdb5}.select b{display:block;color:#fff;font-size:10px;margin-top:5px}.counter{width:190px;height:190px;margin:28px auto 14px;border:0;border-radius:50%;background:radial-gradient(circle,#083a30 0,#062d25 67%,#d9ad21,#d9ad21,#07362c 70%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.counter strong{font-size:45px}.counter span{font-size:8px;color:#a9c1ba}.add{width:100%;height:42px;border:0;border-radius:20px;background:#ffbd16;color:#07291f;font-weight:800;font-size:11px;display:flex;justify-content:center;align-items:center;gap:6px}.goal{margin-top:14px;border:1px solid #1b5d4d;background:#073d31;border-radius:14px;padding:12px}.goal>div:first-child{display:flex;justify-content:space-between;font-size:8px}.goal span{color:#a9c0b8}.progress{height:5px;background:#1b5649;border-radius:5px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;background:#f4bd18;border-radius:5px}.reset{margin:12px auto;display:flex;gap:6px;align-items:center;border:0;background:none;color:#a7bdb6;font-size:8px}.simple{text-align:center;padding-top:100px;color:#c9d7d2}.simple svg{color:#eab81c}.simple h2{font-size:20px}.simple p{font-size:9px;color:#8ca9a0}.bottom{position:absolute;bottom:10px;left:10px;right:10px;height:65px;border:1px solid #1d6855;background:#095443f5;border-radius:23px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px;z-index:20}.bottom button{border:0;background:none;color:#d0ddd8;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.bottom button.active{background:#d9e6dc;color:#064335}.bottom small{font-size:7px}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#02271f;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.splashPattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#d5a9221c 1px,transparent 1px);background-size:18px 18px;opacity:.35}.arch{width:320px;height:600px;border:2px solid #b68b1f;border-bottom:0;border-radius:170px 170px 0 0;display:flex;flex-direction:column;align-items:center;padding-top:125px;position:relative;overflow:hidden;background:linear-gradient(180deg,#063a2f,#02271f)}.arch>img:first-child{width:250px;height:auto}.arch p{font-size:9px;color:#b7c9c2;margin-top:9px}.splashMosque{position:absolute!important;bottom:20px;width:310px!important;height:210px!important;object-fit:contain;filter:drop-shadow(0 7px 15px #eab81c33)}.loading{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:9px;color:#d9e1de}.loading i{width:190px;height:5px;background:linear-gradient(90deg,#ffc11a 48%,#38584f 48%);border-radius:4px}@media(max-width:600px){body{background:#02231c}.phone{margin:0;width:100%;height:100dvh;border:0;border-radius:0}.scroll{padding-top:18px}.bottom{bottom:max(8px,env(safe-area-inset-bottom))}.splash .arch{height:100dvh;border:0;border-radius:0;width:100%;padding-top:20vh}.splashMosque{bottom:90px!important}}.mediaBtn{width:32px;height:32px;border:0;border-radius:50%;background:#8ac5ad;color:#07352b;display:flex;align-items:center;justify-content:center;text-decoration:none}.dhikrSelect{position:relative}.dhikrTrigger{width:100%;min-height:60px;border:1px solid #1b6251;background:#083f33;border-radius:13px;padding:10px 12px;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left}.dhikrTrigger small{display:block;color:#a4bdb5;font-size:7px}.dhikrTrigger strong{display:block;font-size:10px;margin-top:5px}.dhikrMenu{position:absolute;z-index:50;left:0;right:0;top:66px;background:#073a30;border:1px solid #b18a27;border-radius:13px;padding:5px;box-shadow:0 15px 30px #0008}.dhikrMenu button{width:100%;border:0;background:none;color:#fff;padding:10px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-align:left}.dhikrMenu button.selected{background:#d9e6dc;color:#064335}.bookItem{width:100%;text-align:left;color:#fff;cursor:pointer}.needleWrap{position:absolute;top:47px;left:50%;width:1px;height:78px;transform-origin:50% 78px;transition:transform .35s ease;z-index:3}.needleWrap .needle{position:absolute;top:0;left:50%;transform:translate(-50%);color:#f4bd18;font-size:45px;line-height:1}.prayerMeta{display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;padding:10px 4px;color:#d8e3df;font-size:8px}.prayerMeta span{text-align:right;color:#e9b91c}.prayerMeta small{grid-column:1/-1;color:#86a9a0;font-size:6px}.qiblaRefresh{margin-top:14px;height:38px;font-size:9px}.qiblaRefresh svg{margin-right:3px}.bookDetail{padding:12px 2px 24px}.detailCover{height:210px;margin:4px 0 21px;border:1px solid #357362;border-radius:22px;background:radial-gradient(ellipse at 50% 18%,#17604b 0,#0c493b 48%,#073328);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.detailCover:before,.detailCover:after{content:"";position:absolute;width:240px;height:240px;border:1px solid #dbb53a26;border-radius:50%}.detailCover:before{top:-155px;left:-95px}.detailCover:after{right:-150px;bottom:-185px}.detailCoverMark{width:70px;height:86px;border:1px solid #d5ad36;border-radius:12px;background:linear-gradient(145deg,#17432e,#654913);color:#f3c335;display:grid;place-items:center;box-shadow:0 12px 30px #001a1466}.detailCover>span{font-size:8px;letter-spacing:2px;color:#c9d9d1}.bookDetailCopy{padding:0 8px}.eyebrow{font-size:8px;letter-spacing:1.8px;font-weight:700;color:#e9bd35}.bookDetailCopy h1{font-size:22px;line-height:1.25;margin:8px 0 5px;overflow-wrap:anywhere}.bookAuthor{font-size:11px;color:#a9c4ba;margin:0}.bookFacts{display:flex;gap:9px;margin:17px 0}.bookFacts span{min-height:31px;padding:0 10px;border:1px solid #286450;border-radius:18px;background:#0a4939;display:flex;align-items:center;gap:6px;color:#d5e4dd;font-size:9px}.bookFacts svg{color:#f2c02b}.bookDescription{font-size:11px;line-height:1.65;color:#b2c9c0;margin:0 0 21px}.readBook{height:49px;border-radius:16px;font-size:12px;box-shadow:0 8px 24px #f0b70e20}.readBook svg:last-child{margin-left:3px}.bookDownloadHint{display:flex;align-items:center;justify-content:center;gap:7px;color:#8eafa2;font-size:8px;margin-top:13px}.bookDownloadHint svg{color:#d9b038}.readerView{padding:8px 0 20px}.readerHeading{display:flex;align-items:center;gap:10px;margin:4px 2px 12px}.readerBadge{width:38px;height:38px;border:1px solid #936f20;background:#493d1c;color:#f4c333;border-radius:12px;display:grid;place-items:center}.readerHeading h2{font-size:12px;margin:0 0 4px;overflow-wrap:anywhere}.readerHeading small{font-size:8px;color:#9db9af}.pdfPreview{display:block;width:100%;height:min(62vh,570px);min-height:360px;border:1px solid #2b6655;border-radius:14px;background:#e8e8e6}.pdfUnavailable{height:360px;border:1px dashed #43806c;border-radius:14px;background:#083a30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#c1d4cc;text-align:center;padding:25px}.pdfUnavailable svg{color:#e5b72c}.pdfUnavailable strong{font-size:12px}.pdfUnavailable span{font-size:9px;color:#94b2a6}.downloadBook{height:48px;margin-top:13px;border:1px solid #d8aa20;border-radius:15px;background:#ffbf18;color:#092c22;text-decoration:none;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}@media(max-width:600px){.detailCover{height:195px}.pdfPreview{height:62dvh;min-height:320px}}.cover,.largeCover,.bookCover{overflow:hidden;position:relative}.cover img,.largeCover img,.bookCover img{width:100%;height:100%;object-fit:cover;display:block}.cover img,.largeCover img{border-radius:6px}.bookCover img{border-radius:5px}.detailCover.hasFeatureImage{padding:0;background:#092f26}.detailCover.hasFeatureImage:before,.detailCover.hasFeatureImage:after{display:none}.bookFeatureImage{width:100%;height:100%;object-fit:cover;display:block}.bookItem{transition:transform .18s ease,border-color .18s ease}.bookItem:active,.jildMini:active,.jildCard:active{transform:scale(.985)}.bookItem{border-radius:17px;background:linear-gradient(110deg,#0b4939,#08392f);box-shadow:0 5px 15px #001c1640}.bookItem .largeCover{border-radius:10px}.jildMini{border-radius:15px}.bookRow{gap:12px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:none}.bookRow::-webkit-scrollbar{display:none}.bookRow button{flex:0 0 76px;width:76px}.bookCover{width:72px;height:96px;border-radius:9px;margin-bottom:7px;box-shadow:0 6px 14px #001b1455}.bookRow b{font-size:8px;color:#e4eee9}.detailCover{box-shadow:0 14px 30px #001a144c}.bookFacts span{font-size:9px}.jildMini .cover,.jildCard .cover{box-shadow:0 5px 13px #001b1455}.jildMini .cover img,.jildCard .cover img{object-position:center top}.jildMini>div:last-child{min-width:0}.jildMini strong,.jildCard h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jildCard{box-shadow:0 5px 16px #001a1420}.header{position:sticky;top:-18px;z-index:10;margin:-18px -15px 12px;padding:18px 15px 0;height:61px;background:linear-gradient(180deg,#063a2e 84%,#063a2e00)}.scroll{overscroll-behavior-y:contain}.bottom{box-shadow:0 -8px 22px #001f1830;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:600px){.phone{height:100dvh}.scroll{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.bottom{height:68px}}.maktoobDetail{text-align:left;padding-top:0}.maktoobDetail .detailTop{margin:0 2px 8px}.detailTop button{border:0;background:transparent;color:#efbd25;padding:5px;display:grid;place-items:center}.maktoobDetail h1{font-size:22px;line-height:1.25;margin:4px 2px}.maktoobDetail>small{display:block;margin:0 2px;color:#a3c1b6;font-size:9px}.maktoobDetail .urdu{padding:10px 12px;border:1px solid #1b624f;border-radius:14px;background:#0a4437}.maktoobText{padding:0 2px;margin:13px 0 20px!important;font-size:11px!important}.mediaTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;margin:0 0 15px;border:1px solid #1c5d4d;border-radius:18px;background:#052f27}.mediaTabs button{min-height:62px;border:1px solid transparent;border-radius:13px;background:transparent;color:#a9c5ba;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;align-items:center;justify-items:center;padding:7px 12px;cursor:pointer}.mediaTabs button svg{grid-row:1/3;grid-column:1}.mediaTabs button span{grid-column:1;grid-row:2;font-size:9px;font-weight:700}.mediaTabs button b{grid-column:2;grid-row:1/3;min-width:23px;height:23px;padding:0 5px;border-radius:12px;background:#144c3d;color:#cfddd5;display:grid;place-items:center;font-size:9px}.mediaTabs button.active{background:linear-gradient(145deg,#ffcf47,#f3b817);color:#092d23;box-shadow:0 5px 15px #dba71130}.mediaTabs button.active b{background:#f8e7a3;color:#603f00}.mediaPanel{padding:15px 12px 18px;border:1px solid #1b624f;border-radius:20px;background:linear-gradient(150deg,#0a4537,#07372e);box-shadow:0 10px 25px #001b1430}.mediaPanelTitle{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.mediaPanelTitle h2{font-size:17px;margin:4px 0 0}.mediaCount{padding:6px 9px;border-radius:15px;background:#114e3e;color:#d2e0d8;font-size:8px}.playerCard{border:1px solid #246d57;border-radius:15px;background:#0b4b3a;margin:9px 0;overflow:hidden}.audioCard{display:flex;gap:10px;align-items:flex-start;padding:12px}.playerIcon{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;color:#f5c434}.audioIcon{background:#164e5e}.playerDetails{flex:1;min-width:0}.playerDetails strong,.videoCaption strong{display:block;font-size:10px;overflow-wrap:anywhere}.playerDetails small,.videoCaption small{display:block;color:#9cbbb0;font-size:8px;margin-top:4px}.playerDetails audio{display:block;width:100%;height:38px;margin-top:9px;accent-color:#e9b721}.videoFrame{width:100%;aspect-ratio:16/9;background:#031c17}.videoFrame video{display:block;width:100%;height:100%;object-fit:contain}.videoCaption{display:flex;align-items:center;gap:9px;padding:10px 12px;color:#f1bf2b}.videoCaption span{min-width:0}.pdfReaderFrame{width:100%;height:min(55vh,520px);min-height:300px;overflow:hidden;border:1px solid #37715e;border-radius:13px;background:#f2f1ed}.pdfReaderFrame iframe{width:100%;height:100%;border:0}.pdfLibrary .downloadBook{margin:11px 0 0}.pdfPicker{display:grid;gap:6px;margin-bottom:10px}.pdfPicker button{min-height:40px;border:1px solid #286953;border-radius:10px;background:#0a4939;color:#dbe8e1;display:flex;align-items:center;gap:8px;padding:7px 10px;text-align:left;font-size:9px}.pdfPicker button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdfPicker button.selected{border-color:#e5b92f;background:#174c39;color:#ffd34e}.emptyMedia{min-height:170px;border:1px dashed #34705d;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#d4e3dc;text-align:center;padding:18px}.emptyMedia>span{width:48px;height:48px;border-radius:16px;background:#114c3c;color:#f0c137;display:grid;place-items:center}.emptyMedia strong{font-size:11px}.emptyMedia small{font-size:8px;color:#99b8ac}@media(max-width:600px){.mediaTabs{gap:5px}.mediaTabs button{padding:7px 8px}.mediaPanel{padding:13px 10px}.pdfReaderFrame{height:52vh;min-height:280px}}.customAudioCard{align-items:center;padding:13px 12px;gap:12px;background:linear-gradient(130deg,#0d503f,#0a4034);box-shadow:0 6px 16px #001e1740}.customAudioCard>audio{display:none}.audioPlayButton{width:47px;height:47px;flex:none;border:0;border-radius:50%;background:linear-gradient(145deg,#ffdb66,#efb516);color:#082d23;display:grid;place-items:center;box-shadow:0 4px 13px #e6ae1638;cursor:pointer}.audioPlayButton svg{margin-left:2px}.audioPlayButton:active{transform:scale(.94)}.customAudioCard .playerDetails{min-width:0}.trackInfo{display:flex;justify-content:space-between;align-items:center;gap:8px}.trackInfo strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackInfo small{font-size:8px;color:#a8c3b9;white-space:nowrap}.audioProgress{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:5px;margin:14px 0 1px;border-radius:8px;background:linear-gradient(to right,#f3bf24 0%,#f3bf24 var(--audio-progress,0%),#386d5a var(--audio-progress,0%),#386d5a 100%);accent-color:#f3bf24;cursor:pointer}.audioProgress::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border:2px solid #f8d66a;border-radius:50%;background:#fff;box-shadow:0 1px 4px #001b14}.audioProgress::-moz-range-thumb{width:10px;height:10px;border:2px solid #f8d66a;border-radius:50%;background:#fff;box-shadow:0 1px 4px #001b14}.audioTime{display:flex;justify-content:space-between;color:#91b2a5;font-size:7px}.audioError{display:block;color:#ffcc83;font-size:7px;margin-top:5px}.maktoobDetail>small{margin-top:4px}.volumeControl{display:flex;align-items:center;gap:6px;margin-top:5px}.volumeControl button{width:23px;height:23px;border:0;background:#154f40;border-radius:8px;color:#dbebdf;display:grid;place-items:center;padding:0}.volumeControl input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:82px;height:4px;border-radius:8px;background:#477564;accent-color:#f2bf27}.volumeControl input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border:1px solid #f8d66a;border-radius:50%;background:#fff}.volumeControl input::-moz-range-thumb{width:9px;height:9px;border:1px solid #f8d66a;border-radius:50%;background:#fff}.audioBuffering{display:flex;align-items:center;gap:6px;margin-top:7px;color:#ffdc76;font-size:8px}.audioBuffering i{width:11px;height:11px;border:2px solid #547a64;border-top-color:#ffca36;border-radius:50%;animation:audioSpin .75s linear infinite}@keyframes audioSpin{to{transform:rotate(360deg)}}.videoFrame iframe{display:block;width:100%;height:100%;border:0}.customAudioCard .playerDetails{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track track" "seek seek" "time volume" "buffer buffer" "error error";align-items:center;column-gap:10px}.trackInfo{grid-area:track}.customAudioCard .audioProgress{grid-area:seek}.customAudioCard .audioTime{grid-area:time;min-width:62px}.customAudioCard .volumeControl{grid-area:volume;margin:0;padding:0 7px 0 5px;min-height:28px;border:1px solid #28624f;border-radius:15px;background:#0a3d32}.customAudioCard .volumeControl button{background:transparent;color:#c8d9d0}.customAudioCard .volumeControl input{width:64px;background:#466e5e}.customAudioCard .audioBuffering{grid-area:buffer}.customAudioCard .audioError{grid-area:error}.youtubeLink{height:38px;margin:0 10px 10px;border:1px solid #3d725f;border-radius:11px;background:#104a3a;color:#f6d569;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700}.youtubeLink:active{background:#165740}@media(max-width:380px){.customAudioCard .volumeControl input{width:48px}.customAudioCard{gap:9px;padding:11px 9px}.audioPlayButton{width:42px;height:42px}}.customAudioCard .playerDetails{grid-template-areas:"track track" "seek seek" "time time" "buffer buffer" "error error"}.customAudioCard .trackInfo{display:flex;flex-direction:column;align-items:stretch;gap:5px}.trackMeta{display:flex;align-items:center;justify-content:space-between;gap:8px}.trackMeta>small{margin:0!important;white-space:nowrap}.customAudioCard .volumeControl{grid-area:auto;flex:none;margin:0;min-height:24px;padding:0 7px;border:1px solid #28624f;border-radius:13px;background:#0a3d32}.customAudioCard .volumeControl button{width:22px;height:22px}.customAudioCard .volumeControl input{width:72px}.youtubePreview{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 70% 20%,#285f4b,#08291f 70%);display:grid;place-items:center}.youtubePreview>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.youtubeShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#001a14b8,transparent 65%),#041d1766}.youtubePreviewBrand{position:absolute;top:12px;left:13px;display:flex;align-items:center;gap:5px;color:#fff;font-size:12px;text-shadow:0 1px 4px #000}.youtubePreviewBrand span{width:24px;height:17px;border-radius:5px;background:#f22;display:grid;place-items:center;font-size:10px}.youtubePreview>a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:10px;font-weight:700;text-shadow:0 1px 5px #000}.youtubePlay{width:54px;height:54px;border-radius:50%;background:#e51c23;display:grid;place-items:center;box-shadow:0 7px 24px #0008;transition:transform .2s ease}.youtubePlay svg{margin-left:3px}.youtubePreview>a:hover .youtubePlay{transform:scale(1.08)}.customAudioCard .trackInfo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.customAudioCard .trackInfo>strong{flex:1;min-width:0}.customAudioCard .trackInfo>.volumeControl{flex:none;margin:0;min-height:26px;padding:0 6px 0 4px}.customAudioCard .trackInfo>.volumeControl input{width:62px}@media(max-width:380px){.customAudioCard .trackInfo>.volumeControl input{width:46px}}.qiblaPro{padding:8px 1px 22px;text-align:left}.qiblaIntro{padding:4px 5px 0}.qiblaIntro>span{font-size:8px;letter-spacing:1.8px;color:#e7ba36;font-weight:800}.qiblaIntro h2{margin:7px 0 4px;color:#f4f7f4;font-size:21px}.qiblaIntro p{margin:0;color:#9fbbb0;font-size:10px}.compassStage{position:relative;display:grid;place-items:center;padding:20px 0 13px}.compassStage:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#d2a91a12;filter:blur(25px)}.qiblaPro .compass{width:min(276px,76vw);height:auto;aspect-ratio:1;margin:0 auto;border:1px solid #d0a520;background:radial-gradient(circle at 50% 50%,#0a4939 0,#0a4939 42%,#07372d 43%,#07372d 60%,#0b4234 61%,#0b4234);box-shadow:inset 0 0 0 10px #06382f,0 0 0 7px #c5a22b18,0 16px 40px #001a1450}.qiblaPro .compass:before{top:27px;right:27px;bottom:27px;left:27px;border:1px dashed #d7ae3980}.qiblaPro .compass:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#d6b43c 0deg 1deg,transparent 1deg 10deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));opacity:.58}.qiblaPro .compass>span,.qiblaPro .compass>i,.qiblaPro .compass>b,.qiblaPro .compass>em{z-index:4;font-size:12px;font-weight:800;color:#ffd85a}.qiblaPro .needleWrap{top:13%;left:50%;height:37%;width:1px;transform-origin:50% 100%;z-index:3}.qiblaPro .needle{top:0;width:28px;height:100%;background:linear-gradient(90deg,#bd8c11,#ffdc56 45%,#f1b916);clip-path:polygon(50% 0,100% 89%,50% 76%,0 89%);filter:drop-shadow(0 2px 4px #001a14)}.qiblaPro .kaaba{z-index:5;width:66px;height:66px;border:1px solid #f1c447;border-radius:17px;background:linear-gradient(145deg,#171b17,#050e0b);box-shadow:0 6px 18px #001810aa;color:#eabb2c}.qiblaPro .kaaba span{position:relative;width:29px;height:26px;background:linear-gradient(180deg,#242820 0,#242820 27%,#d2a329 28%,#d2a329 36%,#171b17 37%);clip-path:polygon(0 18%,50% 0,100% 18%,100% 82%,50% 100%,0 82%)}.bearingCard{display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px;padding:12px 15px;border:1px solid #286b55;border-radius:16px;background:linear-gradient(115deg,#0b4a39,#08382e)}.bearingCard small{display:block;color:#96b7a9;font-size:8px;letter-spacing:1.4px;font-weight:700}.bearingCard strong{display:block;margin-top:3px;color:#ffd047;font-size:26px;line-height:1}.bearingPoint{padding:7px 11px;border:1px solid #a7852b;border-radius:18px;background:#3b381e;color:#f6d35f;font-size:10px;font-weight:800}.qiblaPro .location{height:62px;margin:0 4px;border:1px solid #27634f;border-radius:15px;background:#073a30;padding:0 12px;gap:10px}.locationPin{width:37px;height:37px;border-radius:12px;background:#144c3a;color:#f4c12a;display:grid;place-items:center}.qiblaPro .location>span:nth-child(2){flex:1;font-size:10px;font-weight:700}.qiblaPro .location small{font-size:8px}.locationReady{padding:5px 8px;border-radius:12px;background:#124d39;color:#9bd6a5;font-size:7px}.qiblaPro .qiblaRefresh{height:47px;margin:12px 4px 0;width:calc(100% - 8px);border-radius:15px;font-size:10px}.qiblaFootnote{margin:12px 7px 0;color:#789d8c;font-size:8px;text-align:center}.qiblaPro .compass>span{top:10px}.qiblaPro .compass>i{right:10px}.qiblaPro .compass>b{bottom:10px}.qiblaPro .compass>em{left:10px}@media(max-width:600px){.compassStage{padding:17px 0 12px}.qiblaPro .compass{width:min(276px,78vw)}}.logoIcon{width:36px;height:36px;border:1px solid #b68b2a;border-radius:11px;background:#083a2e;display:grid;place-items:center}.logoIcon img{position:static;width:29px;height:29px;object-fit:contain;max-width:100%}.splashPro{background:radial-gradient(ellipse at 50% 42%,#0e493a 0,#063328 38%,#02251e 78%,#011913)}.splashPro .splashPattern{background-image:radial-gradient(#e6bd3a25 1px,transparent 1px);background-size:23px 23px;opacity:.25}.splashGlow{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(75px);pointer-events:none}.splashGlowOne{top:15%;left:-180px;background:#c99e2520}.splashGlowTwo{right:-190px;bottom:6%;background:#1686642b}.splashContent{position:relative;z-index:2;width:min(92vw,540px);min-height:min(610px,82vh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px;border:1px solid #c7a43b35;border-radius:34px;background:linear-gradient(155deg,#0b493922,#06291e80);box-shadow:0 28px 90px #00130f7a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.splashAppIcon{width:82px;height:82px;border:1px solid #d5b13c;border-radius:25px;background:linear-gradient(145deg,#0a4938,#05291f);display:grid;place-items:center;box-shadow:0 12px 32px #0005;margin-bottom:25px}.splashAppIcon img{width:64px;height:64px;object-fit:contain}.splashLogo{display:block;width:min(88vw,465px);height:auto;max-height:170px;object-fit:contain;filter:drop-shadow(0 8px 22px #0005)}.splashRule{width:64%;height:1px;background:linear-gradient(90deg,transparent,#d3ad37aa,transparent);position:relative;margin:25px 0 13px}.splashRule span{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid #dfbb46;border-radius:50%;background:#0a3c2e;transform:translate(-50%,-50%)}.splashContent>p{margin:0;color:#d0ddd4;font-size:11px;letter-spacing:.35px;text-align:center}.splashProgress{position:absolute;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#9fb9ad;font-size:9px}.splashProgress i{width:105px;height:3px;border-radius:4px;background:linear-gradient(90deg,#ffca25 35%,#2b5c4a 35%);animation:splashLoad 1.4s ease-in-out infinite alternate}@keyframes splashLoad{to{background:linear-gradient(90deg,#ffca25 72%,#2b5c4a 72%)}}@media(max-width:600px){.splashContent{width:calc(100vw - 36px);min-height:min(610px,78vh);padding:28px 16px;border-radius:29px}.splashAppIcon{width:74px;height:74px;margin-bottom:22px}.splashAppIcon img{width:56px;height:56px}.splashLogo{width:88vw}.splashProgress{bottom:30px}}