.zikr-app{--shield:#dc3030;max-width:980px;margin:auto;background:#f7f4eb;color:#17382d;font-family:Arial,"Noto Sans Bengali",sans-serif;border-radius:24px;overflow:hidden}.zk-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#fff;border-bottom:1px solid #e5dfd1}.zk-head b{font-size:21px}.zk-head small{display:block;color:#64766f;margin-top:3px}.zk-head button,.zk-auth a{border:0;border-radius:12px;background:#116149;color:#fff;padding:10px 14px;text-decoration:none}.zk-shield{height:285px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff,#edf5ef)}.zk-orbit{position:absolute;border:2px solid var(--shield);border-radius:50%;box-shadow:0 0 38px color-mix(in srgb,var(--shield) 55%,transparent)}.o1{width:145px;height:145px}.o2{width:205px;height:205px;border-style:dashed;animation:zkspin 20s linear infinite}.o3{width:260px;height:260px;opacity:.45}.zk-avatar{z-index:2;width:110px;height:110px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 0 0 3px var(--shield)}.zk-avatar img{width:100%;height:100%;object-fit:cover}.zk-score{text-align:center;padding:14px}.zk-score strong{display:block;font-size:38px;color:var(--shield)}.zk-score small{display:block;color:var(--shield)}.zk-auth,.zk-saved{margin:0 18px 20px;padding:15px;background:#fff;border:1px solid #e2ddd1;border-radius:15px;text-align:center}.zk-auth{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.zk-auth p{width:100%;margin:0 0 7px}.zk-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.zk-card{background:#fff;border:1px solid #e0dacd;border-radius:18px;padding:18px}.zk-card.done{background:#eff8f2;border-color:#a7d2b8}.zk-time{font-size:12px;background:#527566;color:#fff;padding:5px 9px;border-radius:15px}.zk-card h3{font-size:17px}.zk-ar{font-family:Georgia,serif;font-size:23px;line-height:2;text-align:right}.zk-card p{line-height:1.7;color:#50665d}.zk-card small{line-height:1.6;color:#73827c}.zk-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee9df;margin-top:14px;padding-top:12px}.zk-card button{width:56px;height:56px;border:4px solid #e6f2eb;border-radius:50%;background:#116149;color:#fff;font-size:32px;box-shadow:0 5px 14px #0d563c35}.zk-card button:disabled{background:#7da892}@keyframes zkspin{to{transform:rotate(360deg)}}@media(max-width:700px){.zikr-app{border-radius:0}.zk-head{padding:14px}.zk-head b{font-size:18px}.zk-head small{font-size:11px}.zk-shield{height:255px}.o3{width:225px;height:225px}.o2{width:178px;height:178px}.o1{width:130px;height:130px}.zk-avatar{width:96px;height:96px}.zk-list{grid-template-columns:1fr;padding:12px;gap:11px}.zk-card{padding:16px}.zk-ar{font-size:22px;white-space:normal}.zk-auth a{width:100%}}
.zk-tabs{display:flex;overflow-x:auto;position:sticky;top:0;z-index:20;background:#fff;border-block:1px solid #e2ddd1;padding:0 12px;scrollbar-width:none}.zk-tabs::-webkit-scrollbar{display:none}.zk-tabs button{flex:0 0 auto;border:0;background:none;padding:15px 12px;color:#687a73;white-space:nowrap}.zk-tabs button.active{color:#116149;font-weight:700;border-bottom:3px solid #116149}.zk-panel{display:none}.zk-panel.active{display:block}.zk-section-head{display:flex;justify-content:space-between;align-items:center;padding:26px 18px 5px}.zk-section-head h2{margin:0;font-size:27px}.zk-section-head span{background:#e6f1ea;color:#116149;border-radius:18px;padding:7px 11px;font-size:12px}.zk-notice{margin:10px 18px;padding:13px 15px;background:#fff7df;border:1px solid #e3ce91;border-radius:13px;line-height:1.7;color:#5d4b22}.zk-names{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.zk-name{position:relative;background:#fff;border:1px solid #e0dacd;border-radius:18px;padding:16px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}.zk-name>span{position:absolute;top:10px;left:10px;background:#edf4ef;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:11px}.zk-name>div{font:700 29px/1.7 Georgia;color:#164f3a}.zk-name>p{color:#60736b;text-align:center;min-height:34px}.zk-name footer,.zk-verse footer{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee9df;padding-top:10px}.zk-count{width:50px;height:50px;border-radius:50%;border:4px solid #e6f2eb;background:#116149;color:#fff;font-size:29px}.zk-count:disabled{background:#7da892}.zk-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 18px 22px}.zk-subtitle{padding:18px 18px 5px;color:#173e30}.zk-verse{background:#fff;border:1px solid #e0dacd;border-radius:18px;padding:18px}.zk-verse-head{display:flex;justify-content:space-between}.zk-verse-head span{background:#174f3a;color:#fff;border-radius:15px;padding:5px 9px;font-size:11px}.zk-verse-head b{color:#9c7429}.zk-verse>p{line-height:1.8;color:#465f55}.zk-tafsir,.zk-ishara{padding:11px 13px;border-radius:11px;margin-top:9px}.zk-tafsir{background:#f0f4f1}.zk-ishara{background:#fff8e7;border-left:3px solid #d3a746}.zk-tafsir p,.zk-ishara p{margin:5px 0 0;line-height:1.7;font-size:13px}.zk-error{padding:15px;background:#fee;color:#800}@media(max-width:800px){.zk-names{grid-template-columns:1fr 1fr}.zk-knowledge{grid-template-columns:1fr}}@media(max-width:700px){.zk-tabs{padding:0 6px}.zk-tabs button{padding:14px 9px;font-size:12px}.zk-section-head{padding:22px 12px 5px}.zk-section-head h2{font-size:22px}.zk-notice{margin:10px 12px;font-size:12px}.zk-names{padding:12px;gap:9px}.zk-name{min-height:175px;padding:12px 9px}.zk-name>div{font-size:25px}.zk-name>p{font-size:12px}.zk-knowledge{padding:0 12px 18px}.zk-subtitle{padding-inline:12px;font-size:18px}.zk-verse{padding:15px}.zk-verse .zk-ar{font-size:21px}}@media(max-width:380px){.zk-names{grid-template-columns:1fr}}