:root{--primary-green: #2F6F4E;--soft-green: #4C8C6A;--soft-green-rgba: #4C8C6AB3;--light-green: #DCEFE3;--gold-accent: #C6A75E;--cream-bg: #F4F1EA;--card-bg: #FFFFFF;--text-dark: #2E3A34;--pdf-control: rgba(255, 255, 255, .7)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:var(--cream-bg);color:var(--text-dark);line-height:1.6}.hero{text-align:center;padding:90px 20px 70px;background:linear-gradient(to bottom,var(--light-green),var(--cream-bg));border-bottom:1px solid #e6e2d8}.hero h1{font-family:Cormorant Garamond,serif;font-size:52px;font-weight:1000;color:var(--primary-green);letter-spacing:1px;margin-bottom:10px}.tagline{font-size:18px;color:var(--soft-green);margin-bottom:20px;font-style:italic}#surah-title{font-size:22px;margin-top:10px;color:var(--primary-green)}.home-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-family:Inter,sans-serif;font-weight:500;font-size:1rem;color:#fff;background:var(--primary-green);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2f6f4e33}.home-btn:hover{background:var(--soft-green);transform:translateY(-3px)}.home-btn:active{background:#255a3e;transform:translateY(0)}main{padding:20px;min-height:100vh}#surah-list{padding:20px}@font-face{font-family:surahs_v4-Regular;src:url(/assets/sura_names-DijTBuDX.woff2) format("woff2");font-style:normal;direction:rtl;font-display:swap}.surah-icon{font-family:surahs_v4-Regular,sans-serif;font-weight:400;font-size:2.5rem}.surah-number{font-size:10rem;font-weight:700;fill:var(--primary-green)}.surah-name{font-size:14px;margin-left:5px}.surah-title{display:flex;flex-direction:row;justify-content:center;align-items:center}.surah-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:16px}.surah-link{display:flex;flex-direction:row;align-items:center;padding:8px;justify-content:space-between;text-decoration:none}#surah-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:40px 20px;max-width:1000px;margin:auto;transition:opacity .3s ease-in-out}.surah-item{background-color:var(--card-bg);border:1px solid #E6E2D8;border-radius:18px;padding:3px;transition:all .3s ease;display:block}.surah-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px #2f6f4e1f;border:1px solid var(--primary-green)}.surah-item a{text-decoration:none;color:var(--text-dark);font-weight:500;font-size:18px}.surah-item a:hover{color:var(--primary-green)}#pdf-canvas{border:none;display:block;margin:0 auto;max-height:fit-content;border-radius:16px;box-shadow:0 10px 30px #ffffffe6}#pdf-container{position:relative;height:90vh;width:100%;border-radius:16px;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;background:#f8f8f8;transition:opacity .6s ease-in-out}#pdf-wrapper{position:relative;width:100%;height:90vh;display:flex;justify-content:center;align-items:flex-start;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}#pdf-wrapper::-webkit-scrollbar{width:0px;height:0px}#pdf-controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:12px;z-index:100;align-items:center}#page-controls{display:flex;flex-direction:row;align-items:center;gap:8px}.page-indicator{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background-color:var(--soft-green-rgba);color:var(--primary-green);font-weight:700;font-size:12px}#pdf-controls button{width:36px;height:36px;border-radius:50%!important;background:var(--pdf-control);border:none;padding:8px 12px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001f;transition:transform .1s,background .2s}#pdf-controls button:hover{transform:scale(1.1);background:var(--primary-green);color:#fff}@media(max-width:600px){#pdf-controls button{width:36px;height:36px;font-size:20px}}#tajweed-btn{color:var(--primary-green);font-weight:700;font-size:14px!important;background:conic-gradient(#ef535099,#f48fb199,#7e57c299,#2196f399,#26c6da99,#43a04799,#eeff4199,#f9a82599,#ff572299)!important}#tajweed-btn:hover{color:var(--text-dark);font-weight:700;text-shadow:-1px -1px var(--primary-green);background:conic-gradient(#ef5350,#f48fb1,#7e57c2,#2196f3,#26c6da,#43a047,#eeff41,#f9a825,#ff5722)!important}footer{background-color:var(--primary-green);color:var(--cream-bg);text-align:center;padding:25px;margin-top:60px;font-size:14px;border-top:3px solid var(--gold-accent)}.transition{transition:opacity .5s ease,visibility .5s ease;opacity:1;visibility:visible}.hidden{opacity:0;pointer-events:none}@media(max-width:600px){.hero h1{font-size:36px}.surah-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.surah-item{padding:12px}#surah-list-container{grid-template-columns:1fr}}.tajweed-legend{display:flex;flex-wrap:wrap;flex-direction:row;position:absolute;top:0;gap:16px 24px;padding:12px;background:#ffffff80;border-radius:8px;font-family:Arial,sans-serif;font-size:14px;color:#333;-webkit-user-select:none;user-select:none;z-index:50}.legend-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.dot.silent-letter{background:#999}.dot.normal-madd{background:#b99700}.dot.separated-madd{background:#ff7f00}.dot.connected-madd{background:#e50000}.dot.necessary-madd{background:#7a0000}.dot.ghunna-ikhfa{background:#2eb82e}.dot.qalqala{background:#39f}.dot.tafkhim{background:#2e2e9e}@media(max-width:480px){.tajweed-legend{font-size:12px;gap:12px 16px}.dot{width:12px;height:12px}}.tajweed-bar{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inline-size:100%;text-align:center;z-index:50;transform:translateY(-100px);transition:opacity .3s ease,transform .4s ease;visibility:hidden}.tajweed-bar.show{opacity:1;transform:translateY(0);visibility:visible}