*{box-sizing:border-box}
:root{--green:#176b4d;--green-dark:#104b37;--soft:#eef8f2;--line:#dfe9e3;--text:#18201d;--muted:#68736f}
body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Tamil",sans-serif;background:#f7faf8;color:var(--text);line-height:1.65}
.wrap{width:min(760px,92%);margin:auto}
a{color:inherit}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1.08rem;font-weight:850;color:var(--green);text-decoration:none;line-height:1.15;display:flex;flex-direction:column}.brand small{font-size:.62rem;font-weight:600;color:var(--muted);margin-top:3px;line-height:1.2}.site-header nav{display:flex;gap:4px}.site-header nav a{color:#24453a;text-decoration:none;padding:6px 8px;border-radius:8px;font-size:.9rem}.site-header nav a:hover{background:var(--soft)}
.home-hero{background:linear-gradient(180deg,#edf9f2,#f7faf8);padding:34px 0 26px;text-align:center;border-bottom:1px solid #e7efe9}.home-hero-inner{display:flex;flex-direction:column;align-items:center}.hero-mark{font-size:2.2rem}.home-intro{margin:3px 0 0;color:var(--muted);font-size:.96rem}.searchbar{display:flex;gap:7px}.home-search{width:100%;margin-top:20px}.searchbar input{flex:1;min-width:0;border:1px solid #cbd8d1;border-radius:11px;padding:11px 13px;font-size:.98rem;background:#fff;outline:none}.searchbar input:focus{border-color:#6ea78e;box-shadow:0 0 0 3px #e5f3eb}.searchbar button{border:0;border-radius:11px;padding:10px 15px;background:var(--green);color:#fff;font-weight:700;cursor:pointer}
.source-options{padding:18px 0 8px;display:grid;gap:9px}.source-option{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 14px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.025)}.source-option:hover{border-color:#b9d7c6}.source-icon{font-size:1.35rem}.source-option span:nth-child(2){flex:1}.source-option b{display:block;font-size:1rem}.source-option small{display:block;color:var(--muted);font-size:.78rem}.source-option .arrow{font-size:1.5rem;color:#82918b}.source-option.quran b{color:#176b4d}.source-option.hadith b{color:#67511b}.source-option.all b{color:#334c43}
.compact-preview{padding:18px 0 36px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-heading h2{font-size:1.15rem;margin:0}.section-heading a{font-size:.82rem;color:var(--green);text-decoration:none;font-weight:700}
.dua-list{display:flex;flex-direction:column;gap:9px}.dua-list-item{display:flex;align-items:center;gap:11px;padding:12px 13px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:13px;min-height:54px;box-shadow:0 2px 8px rgba(0,0,0,.025);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.dua-list-item:hover{border-color:#b9d7c6;box-shadow:0 4px 13px rgba(23,107,77,.08);transform:translateY(-1px)}.number-badge{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#edf6f1;color:var(--green);display:grid;place-items:center;font-size:.78rem;font-weight:800}.number-title{flex:1;font-weight:650;font-size:.94rem}.row-play{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#eaf5ef;color:var(--green);font-size:.72rem;flex:0 0 32px}.section{padding:24px 0 36px}.page-topline{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted);margin-bottom:7px}.back{font-size:.85rem;color:var(--green);text-decoration:none}.list-page h1,.search-page-new h1{font-size:1.45rem;margin:3px 0 14px}.list-search{margin-bottom:14px}.full-list{margin-top:8px}.empty-state{background:#fff;border:1px solid var(--line);padding:25px;text-align:center;border-radius:13px;color:var(--muted)}
.memorise-page{max-width:680px}.memorise-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 4px 18px rgba(0,0,0,.035);margin-top:12px}.dua-number{font-size:.72rem;color:var(--muted);font-weight:800;letter-spacing:.04em}.memorise-card h1{font-size:1.3rem;margin:2px 0 16px;color:var(--green-dark)}.smart-player{background:linear-gradient(145deg,#eff9f3,#f8fcfa);border:1px solid #cfe4d8;border-radius:16px;padding:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.smart-player audio{display:none}.player-top{display:flex;align-items:center;gap:10px}.play-btn{width:48px;height:48px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 12px rgba(23,107,77,.2);flex:0 0 48px}.play-btn:hover{background:var(--green-dark);transform:scale(1.03)}.player-info{min-width:0;flex:1}.player-status{font-size:.82rem;font-weight:800;color:#315b4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{display:flex;justify-content:space-between;margin-top:3px;color:var(--muted);font-size:.72rem}.repeat-btn{border:1px solid #b6d4c3;background:#fff;color:var(--green);border-radius:11px;padding:8px 10px;font-weight:800;font-size:.76rem;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap}.repeat-btn:hover,.repeat-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.progress-range{width:100%;margin:11px 0 3px;accent-color:var(--green);cursor:pointer}.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.listen-hint{font-size:.72rem;color:#668075}.restart-btn{border:0;background:transparent;color:var(--green);font-weight:750;font-size:.75rem;cursor:pointer;padding:4px}.no-audio{padding:11px 13px;background:#fff8e9;border:1px solid #f0dfb4;border-radius:11px;color:#775d22;font-size:.82rem}.memorise-text{margin-top:16px;opacity:0;max-height:0;overflow:hidden;transform:translateY(5px);transition:opacity .25s ease,transform .25s ease,max-height .45s ease}.memorise-text.is-visible{opacity:1;max-height:3000px;transform:none}.memorise-arabic{font-size:2rem;line-height:2.25;background:#fbfdfc;border:1px solid #e8efeb;margin:0}.translation-block{margin-top:12px;padding:13px;border-radius:11px;background:#f7faf8}.translation-label{font-size:.75rem;font-weight:800;color:var(--green);margin-bottom:3px}.translation{font-size:1rem;line-height:1.8}.dua-source{margin-top:12px;padding:10px 12px;border-top:1px solid #e5eee9;background:#fbfdfc;border-radius:10px;color:var(--muted)}.source-label{font-size:.72rem;font-weight:800;color:var(--green);margin-bottom:2px}.source-main{font-size:.78rem;line-height:1.55;color:#40554d}.source-narrator{font-size:.74rem;line-height:1.5;color:#65756f;margin-top:2px}
.result-count{font-size:.85rem;color:var(--muted)}.search-page-new{min-height:60vh}
.site-footer{margin-top:30px;background:#173b2f;color:#eaf5ef;padding:22px 0;font-size:.82rem;text-align:center}.small{font-size:.8rem;color:var(--muted)}
@media(max-width:600px){.header-inner{min-height:58px}.brand{font-size:.96rem}.brand small{font-size:.54rem}.site-header nav a{font-size:.76rem;padding:5px 6px}.home-hero{padding:25px 0 20px}.searchbar button{padding:10px 12px}.source-options{padding-top:13px}.dua-list-item{padding:10px}.number-title{font-size:.9rem}.memorise-card{padding:14px;border-radius:13px}.memorise-card h1{font-size:1.2rem}.smart-player{padding:11px}.play-btn{width:44px;height:44px;flex-basis:44px}.repeat-btn{padding:8px}.repeat-btn span{display:none}.memorise-arabic{font-size:1.7rem;line-height:2.2;padding:12px}.translation{font-size:.96rem}.section{padding-top:18px}}


/* Home page Dua introduction, sharing, and feedback form */
.dua-introduction{width:100%;margin-top:18px;text-align:left;background:rgba(255,255,255,.86);border:1px solid #dcebe2;border-radius:16px;padding:17px 18px;box-shadow:0 5px 18px rgba(23,75,55,.045)}
.dua-introduction h2{font-size:1.12rem;color:var(--green-dark);margin:0 0 10px;text-align:center}
.dua-introduction p{font-size:.91rem;line-height:1.9;margin:10px 0;color:#34463e}
.dua-hadith-quote{margin:0;padding:12px 14px;border-left:3px solid #5b9b78;background:#f1f8f3;border-radius:8px;font-size:.93rem;line-height:1.85;color:#214a37}
.dua-hadith-quote small{display:block;margin-top:5px;color:#61766b;font-size:.76rem;line-height:1.6}
.dua-introduction .dua-prayer{font-weight:800;text-align:center;color:var(--green-dark);margin-bottom:4px}
.home-share-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px}
.share-button{border:1px solid #b7d7c5;border-radius:999px;padding:9px 15px;background:#eaf6ef;color:var(--green-dark);font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}
.share-button:hover{background:#dff0e6}
.share-feedback{font-size:.75rem;color:var(--green);min-height:1.2em}
.contact-section{padding:10px 0 28px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(0,0,0,.035)}
.contact-card h2{margin:0 0 5px;color:var(--green-dark);font-size:1.2rem}
.contact-card>p{margin:0 0 15px;color:var(--muted);font-size:.88rem;line-height:1.8}
.contact-form{display:flex;flex-direction:column;gap:7px}
.contact-form label{font-size:.83rem;font-weight:750;color:#344d41;margin-top:4px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #cedbd3;border-radius:10px;padding:11px 12px;background:#fcfefc;font:inherit;font-size:.93rem;outline:none}
.contact-form textarea{resize:vertical;min-height:100px}
.contact-form input:focus,.contact-form textarea:focus{border-color:#6ea78e;box-shadow:0 0 0 3px #e5f3eb}
.contact-form button{margin-top:7px;border:0;border-radius:11px;padding:12px 16px;background:var(--green);color:white;font:inherit;font-weight:800;cursor:pointer}
.contact-form button:hover{background:var(--green-dark)}
.contact-note{font-size:.76rem!important;margin:10px 0 0!important}
.form-alert{padding:10px 12px;border-radius:10px;margin:10px 0 13px;font-size:.86rem}
.form-alert.success{background:#e9f8ee;border:1px solid #b9e2c7;color:#176b3a}
.form-alert.error{background:#fff1ef;border:1px solid #efc5bf;color:#8b2d20}
.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
@media(max-width:600px){.dua-introduction{padding:14px 13px;border-radius:13px}.dua-introduction h2{font-size:1.02rem}.dua-introduction p{font-size:.87rem;line-height:1.85}.dua-hadith-quote{padding:10px 11px;font-size:.88rem}.dua-hadith-quote small{font-size:.72rem}.contact-card{padding:15px}.contact-card h2{font-size:1.08rem}.share-button{width:100%;max-width:360px}}


/* V10 cache-busted home-page styling reinforcement */
.home-hero-inner{width:min(760px,92%);margin-left:auto;margin-right:auto}
.home-search{align-items:stretch}
.dua-introduction{display:block;width:100%;max-width:760px;margin:22px auto 0;text-align:left;background:linear-gradient(145deg,#ffffff 0%,#f5fbf7 100%);border:1px solid #cfe3d7;border-radius:18px;padding:clamp(16px,3vw,24px);box-shadow:0 8px 24px rgba(16,75,55,.09)}
.dua-introduction h2{display:block;text-align:center;font-size:clamp(1.05rem,2.8vw,1.25rem);line-height:1.65;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e0eee5;color:#104b37}
.dua-hadith-quote{display:block;width:100%;margin:0 auto 14px;padding:13px 15px;background:#eaf5ee;border:1px solid #d4e8dc;border-left:4px solid #34815d;border-radius:12px;text-align:center}
.dua-hadith-quote small{display:block;text-align:center}
.dua-introduction>p{display:block;margin:12px 0;text-align:justify;line-height:1.95}
.dua-introduction>p.dua-prayer{text-align:center;background:#eef8f2;border:1px solid #d7eadf;border-radius:12px;padding:11px 12px;margin:16px 0 8px}
.home-share-wrap{width:100%;align-items:center;justify-content:center;margin-top:14px}
.share-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;max-width:100%;text-align:center;white-space:normal;line-height:1.5}
.contact-section{width:min(760px,92%);margin:0 auto;padding:8px 0 32px}
.contact-card{width:100%;background:linear-gradient(150deg,#fff 0%,#f5fbf7 100%);border:1px solid #cfe3d7;border-radius:18px;padding:clamp(16px,3vw,24px);box-shadow:0 8px 24px rgba(16,75,55,.07)}
.contact-card h2{text-align:center;padding-bottom:10px;border-bottom:1px solid #e0eee5;margin-bottom:10px}
.contact-card>p{text-align:center;line-height:1.9}
.contact-form{display:grid;grid-template-columns:1fr;gap:8px}
.contact-form label{display:block;margin-top:5px}
.contact-form input,.contact-form textarea{display:block;width:100%;border-radius:11px;background:#fff}
.contact-form button{display:block;width:100%;min-height:45px;margin-top:10px;border-radius:12px}
.form-alert{display:block;text-align:center;border-radius:12px;padding:12px}
@media(min-width:620px){
  .contact-form{grid-template-columns:1fr 1fr;column-gap:12px}
  .contact-form label[for="contact-name"],.contact-form label[for="contact-email"]{grid-row:auto}
  .contact-form #contact-name,.contact-form #contact-email{grid-row:auto}
  .contact-form label[for="contact-message"],.contact-form #contact-message,.contact-form button{grid-column:1/-1}
}
@media(max-width:480px){
  .dua-introduction{margin-top:16px;padding:15px 13px;border-radius:15px}
  .dua-introduction>p{text-align:left;font-size:.87rem}
  .dua-hadith-quote{padding:11px 10px}
  .contact-card{padding:15px 13px}
}


/* V11 share action on each individual Dua */
.dua-share-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:15px 0 2px;margin-top:15px;border-top:1px solid #e1eee6}
.dua-share-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid #b9d9c6;border-radius:999px;background:linear-gradient(135deg,#eff9f2,#e1f2e7);color:#104b37;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;box-shadow:0 3px 10px rgba(16,75,55,.06);transition:background .15s ease,transform .15s ease}
.dua-share-button:hover{background:#d9efdf;transform:translateY(-1px)}
.dua-share-button:focus-visible{outline:3px solid #a7d7b8;outline-offset:3px}
.dua-share-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#176b4d;color:#fff;font-size:1rem;line-height:1}
.dua-share-feedback{min-height:1.2em;text-align:center;font-size:.76rem;color:#176b4d}
@media(max-width:480px){.dua-share-area{margin-top:12px;padding-top:13px}.dua-share-button{width:100%;max-width:340px;min-height:46px}}