@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;600;700;800&family=Marhey:wght@500;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#efe4cf;color:#3d2c22;font-family:Cairo,Tahoma;min-height:100vh;background-image:radial-gradient(#7f5c3c18 1px,transparent 1px);background-size:22px 22px}nav{height:63px;padding:0 max(18px,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;background:#4a3427;color:#f7e8c6}nav a{color:#e5c98c;text-decoration:none;font-size:11px}header{width:min(1250px,calc(100% - 30px));margin:25px auto;min-height:245px;border-radius:28px;background:linear-gradient(135deg,#684730,#3f2b22);color:#fff4da;padding:35px 42px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 45px #593e2c35}header small{color:#e0bd77}h1{font-family:Marhey;font-size:clamp(40px,6vw,66px);margin:8px 0}header p{color:#decdb9;line-height:2;max-width:680px}.lamp{width:150px;height:150px;border-radius:50% 50% 45% 45%;background:#e5bd60;color:#61452d;display:grid;place-items:center;font-size:60px;box-shadow:0 0 60px #f0ca7470}main{width:min(1250px,calc(100% - 30px));margin:auto;display:grid;grid-template-columns:250px 1fr;gap:18px;padding-bottom:55px}aside{background:#fffaf0;border-radius:18px;padding:18px;height:max-content}.search input{width:100%;padding:12px;border:1px solid #7b573430;border-radius:10px}.subject{width:100%;border:0;background:transparent;border-bottom:1px dashed #7f5c3b35;padding:11px;text-align:right;color:#563c2e}.subject.active{background:#f0dfbd;border-radius:10px}.library{background:#4c3326;border:12px solid #6b4a35;border-radius:18px;padding:22px;min-height:520px;box-shadow:inset 0 0 70px #1f130d}.shelf-title{display:flex;justify-content:space-between;color:#e4c98e;font-size:11px}.books{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 12px;padding-top:24px}.book{min-height:215px;border:0;border-radius:5px 12px 12px 5px;padding:18px 13px;background:var(--cover);color:#fff7df;text-align:right;cursor:pointer;position:relative;box-shadow:inset 8px 0 #ffffff14,4px 8px 10px #1c0f09}.book:before{content:"";position:absolute;top:12px;right:10px;left:10px;border-top:1px solid #f4dfaa70;border-bottom:1px solid #f4dfaa70;height:8px}.book b{font-family:Amiri;font-size:22px;display:block;margin-top:35px;line-height:1.5}.book small{font-size:8px;color:#f2dfb8}.book span{position:absolute;bottom:15px;right:13px;font-size:8px}.book:hover{transform:translateY(-8px) rotate(-1deg)}dialog{width:min(720px,92%);border:0;border-radius:24px;padding:32px;background:#fffaf0;color:#3f2d23}dialog::backdrop{background:#2d1c15c4;backdrop-filter:blur(6px)}dialog>button{position:absolute;left:14px;top:14px;border:0;border-radius:50%;width:36px;height:36px}.hadith-text{font-family:Amiri;font-size:28px;line-height:2;color:#3c2a20;border-right:5px solid #b58a3e;padding:18px;background:#f5ead2}.meaning{line-height:2;color:#6e5a4c}.source{display:inline-block;background:#4d3427;color:#f5dfb0;padding:7px 12px;border-radius:18px;font-size:9px}@media(max-width:850px){main{grid-template-columns:1fr}.books{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){header{padding:28px}.lamp{display:none}.books{grid-template-columns:1fr 1fr}.book{min-height:190px}}