:root{--mocha:#a98b76;--sand:#bfa28c;--cream:#f3e4c9;--green:#6b8f5e;--ink:#1f1a16;--muted:#6d6157;--text-brown:#5e4632;--radius:14px;--shadow:0 8px 24px #1f1a161f;--transition:.25s ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background-color:var(--cream);font-family:Lato,sans-serif;line-height:1.65}body:before{content:"";pointer-events:none;opacity:.08;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'40'%20height%3D'40'%20viewBox%3D'0%200%2040%2040'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23a98b76'%20stroke-width%3D'1.3'%3E%3Ccircle%20cx%3D'0'%20cy%3D'0'%20r%3D'20'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'0'%20r%3D'20'%2F%3E%3Ccircle%20cx%3D'0'%20cy%3D'40'%20r%3D'20'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'40'%20r%3D'20'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'20'%20r%3D'20'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:repeat;background-size:40px 40px;position:fixed;inset:0}h1,h2,h3,h4{margin:0 0 .55em;font-family:Playfair Display,serif}p{margin:0 0 1em}a{color:inherit;transition:color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);text-decoration:none}.container{width:min(1120px,92%);margin-inline:auto}.section{padding:4rem 0}.dark-section{color:var(--cream);position:relative}.dark-section:before{content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(circle,#ffffff24 0 2px,#0000 2px),linear-gradient(45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%),linear-gradient(-45deg,#ffffff1c 25%,#0000 25% 75%,#ffffff1c 75%);background-size:40px 40px,32px 32px,32px 32px;position:absolute;inset:0}.dark-section>*{position:relative}.site-header{z-index:110;background:#fff;border-bottom:1px solid #f3e4c966;position:sticky;top:0}.site-header:before{content:"";opacity:.15;pointer-events:none;background-image:radial-gradient(circle,#ffffff2e 0 1.5px,#0000 1.5px);background-size:24px 24px;position:absolute;inset:0}.nav-wrap{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:70px;display:flex;position:relative}.nav-links{flex-wrap:nowrap;align-items:center;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#000;white-space:nowrap;border-radius:999px;padding:.3rem .4rem;font-size:.95rem;font-weight:800}.nav-links a:hover,.nav-links a.active{color:var(--text-brown);background:var(--cream)}.nav-toggle{cursor:pointer;background:0 0;border:none;grid-template-rows:repeat(3,auto);gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--text-brown);border-radius:2px;width:26px;height:3px;transition:transform .2s,opacity .2s;display:block}.site-header.nav-open .nav-toggle span:first-child{transform:translateY(8px)rotate(45deg)}.site-header.nav-open .nav-toggle span:nth-child(2){opacity:0}.site-header.nav-open .nav-toggle span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.logo{color:var(--cream);flex-direction:column;gap:.2rem;line-height:1.1;display:inline-flex}.logo[aria-label]{align-items:center}.logo-image{object-fit:contain;background:0 0;width:clamp(120px,15vw,200px);height:auto;display:block}.site-header .logo-image{filter:none}.site-footer .logo-image{filter:invert();opacity:.92;width:clamp(180px,26vw,300px)}.hero{background:var(--mocha)}.hero-inner{text-align:center;padding:4.8rem 0}.bismillah{direction:rtl;margin-bottom:.6rem;font-family:Amiri,serif;font-size:clamp(1.65rem,4vw,2.8rem)}.divider{opacity:.95;justify-content:center;align-items:center;gap:.65rem;margin:.8rem 0 1rem;display:flex}.divider:before,.divider:after{content:"";background:currentColor;width:65px;height:1px}.hero h1{font-size:clamp(2rem,6vw,3.8rem)}.hero-subtitle{max-width:720px;margin:0 auto 1.8rem;font-size:clamp(1.04rem,2vw,1.25rem)}.button-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.btn{border:1px solid #0000;border-radius:999px;padding:.78rem 1.25rem;font-weight:700;display:inline-block}.btn-primary{background:var(--cream);color:var(--text-brown)}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-outline{border-color:var(--cream);color:var(--cream)}.btn-outline:hover{background:var(--cream);color:var(--text-brown)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.9rem;font-size:.76rem;font-weight:700}.container>.eyebrow:has(+.daily-box){text-align:right;text-transform:none;letter-spacing:normal;width:100%;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.verse-box{border-radius:var(--radius);background:#ffffff73;border:1px solid #a98b7673;padding:1.6rem;transition:box-shadow .5s,transform .5s;box-shadow:0 8px 32px #1f1a162e}.verse-box:hover{transform:translateY(-4px);box-shadow:0 20px 60px #1f1a1638}.arabic{direction:rtl;font-family:Amiri,serif;font-weight:700}.verse-arabic{color:var(--text-brown);margin-bottom:1rem;font-size:clamp(1.5rem,5vw,2.35rem)}.verse-translation{font-style:italic}.verse-reference{color:var(--muted);margin-top:.8rem;font-weight:700}.daily-box{border-radius:var(--radius);color:#fff;text-align:center;padding:clamp(1.25rem,4vw,1.8rem);transition:box-shadow .5s,transform .5s;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f1a162e}.daily-box:hover{transform:translateY(-4px);box-shadow:0 20px 60px #1f1a1638}.daily-box:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#fff3 0 1.6px,#0000 1.6px),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.daily-box>*{position:relative}.daily-box--ayah{background:#6b8f5e}.daily-box--dua,.daily-box--hadith{background:#a98b76}.hadith-of-day-ar{text-align:right;color:var(--cream);direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.5rem,5vw,2.35rem);line-height:1.55}.hadith-of-day-en{color:#fff;max-width:42rem;margin:0 auto .85rem;font-family:Playfair Display,serif;font-size:clamp(1.1rem,3vw,1.35rem);font-style:italic;line-height:1.55}.hadith-of-day-source{color:var(--cream);margin:0;font-family:Lato,sans-serif;font-size:.82rem;font-weight:700}.daily-arabic{direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.5rem,5vw,2.35rem);line-height:1.55}.daily-translation{margin:0;max-width:42rem;margin-inline:auto;font-family:Lato,sans-serif;font-size:clamp(1rem,2.8vw,1.15rem);font-style:italic;line-height:1.6}.daily-reference{letter-spacing:.04em;color:#ffffffc7;margin:.9rem 0 0;font-size:.82rem;font-weight:700}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.card{border-radius:var(--radius);padding:1.4rem;transition:box-shadow .5s,transform .5s;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f1a162e}.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #1f1a1638}.card:before{content:"";opacity:.14;background-image:radial-gradient(circle,#ffffff2e 0 1.6px,#0000 1.6px);background-size:23px 23px;position:absolute;inset:0}.card>*{position:relative}.card-mocha{background:var(--mocha);color:#fff}.card-green{background:var(--green);color:#fff}.card-icon{font-size:1.4rem}.card h3{margin:.5rem 0}.card .btn{margin-top:.8rem}.hadith-highlight{background:var(--green)}.hadith-quote{max-width:830px;margin-bottom:.85rem;font-size:clamp(1.55rem,3.8vw,2.15rem);font-style:italic}.hadith-source{font-weight:700}.about-box{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffff8c;padding:1.7rem}.about-page-content{text-align:center;width:100%;max-width:none;margin-left:0;margin-right:0;padding:2.1rem clamp(1.75rem,4vw,2.75rem)}section:has(.about-page-content)>.container{width:min(1120px,97%)}.decorative-border{border-top:3px double var(--sand);border-bottom:3px double var(--sand);padding:1.2rem 0}.site-footer{background:var(--mocha);color:var(--cream);padding-top:2.2rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:1.3rem;display:grid}.footer-links a{padding:.25rem 0;display:block}.footer-links a:hover{color:#fff}.footer-quote{direction:rtl;font-family:Amiri,serif;font-size:1.15rem}.footer-favourites{flex-direction:column;display:flex}.footer-favourite-label{text-transform:uppercase;letter-spacing:.12em;color:#f3e4c9a6;margin:0 0 .35rem;font-size:.85rem;font-weight:700}.footer-favourite-ar{color:var(--cream);direction:rtl;margin:0 0 .3rem;font-family:Amiri,serif;font-size:1.6rem;line-height:1.45}.footer-favourite-hadith-ar{text-align:right;font-size:1.4rem}.footer-favourite-text{color:var(--cream);margin:0;font-size:1rem;font-style:italic;font-weight:700;line-height:1.45}.footer-favourite-ref{color:#f3e4c994;margin:.3rem 0 0;font-size:.9rem;font-weight:600}.footer-favourite-divider{background:#f3e4c94d;border:0;height:1px;margin:.7rem 0}.footer-bottom{text-align:center;border-top:1px solid #f3e4c959;margin-top:1.7rem;padding:.95rem 0;font-size:.9rem}.page-hero{background:var(--mocha);color:var(--cream);padding:3.9rem 0}.page-hero h1{margin-bottom:.3rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quran-search-wrap{margin-bottom:1.25rem}.quran-search{max-width:32rem;position:relative}.quran-search-icon{width:1.125rem;height:1.125rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.quran-search-input{width:100%;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border:1px solid #bfa28c;border-radius:999px;outline:none;padding:.75rem 1.1rem .75rem 2.75rem;font-family:Lato,sans-serif;font-size:1rem;line-height:1.4}.quran-search-input::placeholder{color:var(--muted)}.quran-search-input:focus{border-color:#a98b76;box-shadow:0 0 0 3px #a98b7633}.quran-search-empty{text-align:center;color:var(--muted);margin:0 0 1rem;font-size:.95rem}.quran-search-empty[hidden]{display:none}.quran-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.surah-card.is-hidden{display:none}.surah-card{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--sand);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);cursor:pointer;background:#ffffff9e;border-radius:12px;padding:.95rem;display:block}.surah-card:hover{border-color:var(--mocha);box-shadow:var(--shadow);transform:translateY(-3px)}.surah-card.active{border-color:var(--mocha);box-shadow:var(--shadow);background:#ffffffd9}.back-link{color:var(--text-brown);margin-bottom:1rem;font-weight:700;display:inline-block}.back-link:hover{text-decoration:underline}.surah-page{padding-bottom:82px}.reciter-picker-box{z-index:10;border:1px solid var(--sand);border-radius:var(--radius);background:#ffffffbf;margin-bottom:1.5rem;padding:1rem 1.2rem;position:relative}.reciter-picker-box select{direction:ltr;position:relative}.reciter-picker-title{color:var(--text-brown);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;display:block}.custom-select{width:100%;display:block;position:relative}.custom-select--picker{max-width:22rem}.custom-select-native{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-select-trigger{border:1px solid var(--sand);width:100%;color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.95rem;line-height:1.35;display:flex}.custom-select-trigger:after{content:"";border-right:2px solid var(--mocha);border-bottom:2px solid var(--mocha);width:.45rem;height:.45rem;transition:transform var(--transition);flex-shrink:0;transform:rotate(45deg)translateY(-2px)}.custom-select.is-open .custom-select-trigger:after{transform:rotate(-135deg)translateY(1px)}.custom-select-trigger:hover{border-color:var(--mocha);background-color:#f3e4c959}.custom-select-trigger:focus,.custom-select-trigger:focus-visible{outline:2px solid var(--mocha);outline-offset:1px;border-color:var(--mocha);box-shadow:0 0 0 3px #a98b7640}.custom-select-menu{z-index:50;border:1px solid var(--sand);max-height:14rem;box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:0;padding:.25rem 0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.custom-select--picker .custom-select-menu{max-height:200px;top:calc(100% + 4px);bottom:auto}.custom-select--picker .custom-select-option{font-size:.9rem}.custom-select--dock .custom-select-menu{top:auto;bottom:calc(100% + 4px)}.custom-select-option{color:var(--ink);cursor:pointer;transition:background-color var(--transition), color var(--transition);padding:.45rem .65rem;font-size:.95rem}.custom-select-option:hover,.custom-select-option.is-selected{background-color:var(--mocha);color:#fff}.custom-select--dock .custom-select-trigger{border-color:#bfa28c;border-radius:8px;padding:.32rem .5rem;font-size:.82rem}.custom-select--dock .custom-select-option{padding:.35rem .5rem;font-size:.82rem}.reciter-picker-select{width:100%;max-width:22rem}.reciter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.reciter-btn{border:1px solid var(--sand);color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.reciter-btn:hover{border-color:var(--mocha);color:var(--text-brown)}.reciter-btn.active{background:var(--mocha);color:#fff;border-color:var(--mocha)}.follow-dock{z-index:30;background:#fff;border-top:1px solid #bfa28c;padding:.4rem 0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f1a161a}.follow-dock-handle,.dock-toggle,.follow-dock-mini{display:none}.dock-toggle{cursor:pointer;color:#8a6f5c;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:0;line-height:1}.dock-toggle-arrow{font-size:.6rem}.dock-toggle-arrow--down{display:none}.follow-dock-mini{align-items:center;gap:.7rem;width:min(1120px,92%);margin-inline:auto;padding:.35rem 0}.follow-dock-mini-play{color:#fff;cursor:pointer;background:#a98b76;border:none;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.follow-dock-mini-play svg{width:1.35rem;height:1.35rem;display:block}.follow-dock-mini-info{flex-direction:column;flex:auto;min-width:0;line-height:1.2;display:flex}.follow-dock-mini-surah{color:var(--text-brown);font-family:Playfair Display,serif;font-size:.9rem;font-weight:700}.follow-dock-mini-ayah{color:var(--muted);font-size:.78rem;font-weight:600}.follow-dock-mini-expand{color:#8a6f5c;cursor:pointer;background:0 0;border:none;flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.follow-dock-mini-expand svg{width:1.4rem;height:1.4rem}.follow-dock-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .9rem;display:flex}.follow-dock-info{flex:10rem;min-width:0}.follow-dock-surah-nav{align-items:center;gap:.45rem;width:100%;display:flex}.follow-dock-surah-btn{background:var(--cream);color:#8a6f5c;cursor:pointer;width:2rem;height:2rem;transition:background-color var(--transition), color var(--transition), border-color var(--transition);border:1px solid #a98b7659;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.follow-dock-surah-btn svg{width:1.15rem;height:1.15rem;display:block}.follow-dock-surah-btn:hover:not(:disabled),.follow-dock-surah-btn:focus-visible:not(:disabled){color:#5e4632;border-color:var(--mocha);background:#a98b7624;outline:none}.follow-dock-surah-btn:disabled{opacity:.35;cursor:not-allowed}.follow-dock-info-text{text-align:center;flex-direction:column;flex:auto;gap:.05rem;min-width:0;display:flex}.follow-dock-surah{color:var(--text-brown);font-family:Playfair Display,serif;font-size:.92rem;font-weight:700;line-height:1.2;display:block}.follow-dock-ayah-line{color:var(--muted);font-size:.8rem;font-weight:600;display:block}.follow-dock-transport{font-variant-emoji:text;-webkit-font-feature-settings:"liga" off;font-feature-settings:"liga" off;flex-wrap:nowrap;flex:none;justify-content:center;align-items:center;gap:.25rem;display:flex}.follow-dock-btn{vertical-align:middle;box-sizing:border-box;appearance:none;color:#8a6f5c;cursor:pointer;width:2.5rem;height:2.5rem;transition:background-color var(--transition), color var(--transition), transform .15s ease;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}.follow-dock-btn svg{width:1.5rem;height:1.5rem;display:block}.follow-dock-btn:hover,.follow-dock-btn:focus-visible{color:#5e4632;background-color:#a98b7624;outline:none}.follow-dock-btn:active{transform:scale(.94)}.follow-dock-btn--primary{color:#fff;background-color:#a98b76;width:3.15rem;height:3.15rem}.follow-dock-btn--primary svg{width:1.7rem;height:1.7rem}.follow-dock-btn--primary:hover,.follow-dock-btn--primary:focus-visible{color:#fff;background-color:#95735f}.follow-dock-reciter-wrap{flex-direction:column;flex:11rem;gap:.12rem;min-width:10rem;display:flex}.follow-dock-reciter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-brown);font-size:.68rem;font-weight:700}.follow-dock-select{width:100%}.follow-dock-reciter-wrap .custom-select{z-index:1}.follow-dock-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.reciter-picker-label{color:var(--text-brown);align-self:center;font-size:.9rem;font-weight:700}.reciter-select{border:1px solid var(--sand);color:var(--ink);font:inherit;cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:999px;padding:.38rem .7rem}.reciter-select:focus,.reciter-select:focus-visible{outline:2px solid var(--mocha);outline-offset:1px;border-color:var(--mocha);box-shadow:0 0 0 3px #a98b7640}.follow-dock-status{text-align:center;margin:.3rem 0 0;max-width:48rem;margin-left:auto;margin-right:auto;padding:0 .5rem;font-size:.76rem;line-height:1.35}.follow-dock-options{border-top:1px solid #a98b7640;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.6rem;margin-top:.55rem;padding:.7rem 0 .1rem;display:flex}.follow-repeat{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.follow-opt-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.7rem;font-weight:700}.follow-repeat-seg{border:1px solid #cbb79f;border-radius:999px;display:inline-flex;overflow:hidden}.follow-repeat-btn{color:var(--text-brown);cursor:pointer;border:none;transition:background-color var(--transition), color var(--transition);background:#fff;border-inline-start:1px solid #e3d4bd;padding:.35rem .85rem;font-size:.82rem;font-weight:700}.follow-repeat-btn:first-child{border-inline-start:none}.follow-repeat-btn.is-on{color:#fff;background:#a98b76}.follow-range-inputs,.follow-ayah-inputs{color:var(--text-brown);align-items:center;gap:.5rem;font-size:.82rem;display:inline-flex}.follow-range-inputs[hidden],.follow-ayah-inputs[hidden]{display:none}.follow-range-input{text-align:center;width:3rem;height:2rem;color:var(--text-brown);background:#fdfaf4;border:1px solid #cbb79f;border-radius:8px;margin-inline-start:.25rem;font-size:.9rem}.follow-translation-toggle{color:var(--text-brown);cursor:pointer;order:-1;align-items:center;gap:.55rem;font-size:.82rem;font-weight:700;display:inline-flex}.follow-switch-input{opacity:0;width:0;height:0;position:absolute}.follow-switch{width:40px;height:22px;transition:background-color var(--transition);background:#c9bca8;border-radius:999px;flex:none;position:relative}.follow-switch:after{content:"";width:18px;height:18px;transition:left var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.follow-switch-input:checked+.follow-switch{background:var(--mocha)}.follow-switch-input:checked+.follow-switch:after{left:20px}.follow-switch-input:focus-visible+.follow-switch{outline:2px solid var(--mocha);outline-offset:2px}.hide-translation .ayah-en{display:none}.surah-meta{color:var(--muted);font-size:.9rem}.surah-viewer{z-index:1;border:1px solid var(--sand);border-radius:var(--radius);background:#ffffff9e;margin-top:2rem;padding:1.25rem;position:relative}.surah-meta-line{background:var(--cream);border:1px solid #a98b7659;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem;width:fit-content;max-width:100%;margin:0 0 1rem;padding:.38rem .8rem;font-size:.9rem;line-height:1.4;display:inline-flex;box-shadow:0 1px 3px #1a151214}.surah-meta-line--makki{border-color:#d4af378c}.surah-meta-line--madani{border-color:#2f6b4759;box-shadow:0 1px 3px #2f6b4714}.surah-meta-line .surah-type-badge{box-shadow:none;background:0 0;border:none;margin-inline-start:.1rem;padding:0}.surah-type-badge{vertical-align:middle;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin-inline-start:.5rem;padding:.28rem .5rem;line-height:0;display:inline-flex}.surah-type-icon{width:1.35rem;height:1.35rem;display:block}.surah-type-badge--makki{background:var(--cream);border-color:#d4af378c;box-shadow:0 1px 3px #1a151214}.surah-type-badge--madani{background:var(--cream);border-color:#2f6b4759;box-shadow:0 1px 3px #2f6b4714}.recitation-box{background:#ffffffad;border:1px solid #a98b7659;border-radius:10px;margin:1rem 0 1.3rem;padding:1rem}.recitation-title{color:var(--text-brown);margin-bottom:.6rem;font-weight:700}.recitation-player{width:min(560px,100%)}.recitation-hint{margin-top:.65rem}.audio-only-reciter-row{align-items:center;gap:.6rem;display:flex}.audio-only-reciter-row .custom-select{flex:auto;max-width:none}.audio-only-reciter-label{color:var(--muted);flex:none;font-size:.8rem;font-weight:700}.audio-only-box #audio-only-player.recitation-box{background:0 0;border:none;border-radius:0;margin:.95rem 0 0;padding:0}.bismillah-header{text-align:center;justify-content:center;align-items:center;gap:.85rem;margin:1.5rem 0 1.35rem;padding:.45rem .5rem;display:flex}.bismillah-rule{background:linear-gradient(90deg,#0000,#a98b7659 12%,#a98b76d9 50%,#a98b7659 88%,#0000);border-radius:1px;flex:2rem;align-self:center;min-width:1.25rem;height:1px}.bismillah-text{color:var(--text-brown);letter-spacing:.03em;flex:0 auto;font-family:Amiri,serif;font-size:clamp(1.45rem,3.8vw,2.15rem);font-weight:400;line-height:1.55}.bismillah-header.is-active-bismillah{background:#a98b7624;border-radius:12px;box-shadow:inset 0 0 0 1px #a98b7638}.recitation-actions{flex-wrap:wrap;gap:.6rem;margin:.75rem 0 .25rem;display:flex}.ayah{transition:background-color var(--transition), border-color var(--transition);border-bottom:1px solid #a98b7633;padding:1rem 0}.ayah:last-child{border-bottom:0}.ayah.active-ayah{background:#a98b762e;border-color:#a98b7680;border-radius:10px;padding-inline:.75rem}.surah-viewer .ayah-clickable{cursor:pointer;position:relative}.surah-viewer .ayah-clickable:hover{background:#a98b7614}.ayah-ar{color:#5e4632;margin-bottom:.45rem;font-size:1.52rem;font-weight:700}.ayah-en{color:var(--text-brown);align-items:flex-start;gap:.5rem;display:flex}.ayah-en .ayah-nummark{flex:none;margin:.1rem 0 0}.ayah-en-text{flex:auto;min-width:0}.ayah-nummark{vertical-align:middle;margin:0 .45rem}.ayah-nowrap{white-space:nowrap}.ayah-actions{margin-top:.6rem}.ayah-play{border:1px solid var(--sand);color:var(--text-brown);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.4rem .75rem;font-weight:700}.ayah-play:hover:not(:disabled){background:var(--mocha);color:#fff;border-color:var(--mocha)}.ayah-play:disabled{cursor:not-allowed;opacity:.5}.muted{color:var(--muted)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.entry-card{border:1px solid var(--sand);border-radius:var(--radius);background:#ffffffa1;padding:1.2rem}.entry-source{color:var(--text-brown);margin-top:.8rem;font-weight:700}.duas-container{max-width:56rem;margin-inline:auto}.dua-group{margin-bottom:1.8rem}.dua-group-heading{color:var(--text-brown);margin:0 0 .85rem;font-family:Playfair Display,serif;font-size:1.35rem}.dua-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.dua-card{flex-direction:column;height:100%;min-height:100%;display:flex}.dua-card.is-hidden,.dua-group.is-hidden{display:none}.dua-ar{text-align:right;direction:rtl;margin:0 0 .65rem;font-family:Amiri,serif;font-size:clamp(1.2rem,3vw,1.45rem);line-height:1.55}.dua-en{flex:1;margin:0 0 .65rem;font-family:Lato,sans-serif;font-size:.95rem;font-style:italic;line-height:1.55}.dua-source{color:var(--muted);margin:auto 0 0;font-size:.82rem;font-weight:700}.hadiths-container{max-width:56rem;margin-inline:auto}.hadith-group{margin-bottom:1.8rem}.hadith-group-heading{color:var(--text-brown);margin:0 0 .85rem;font-family:Playfair Display,serif;font-size:1.35rem}.hadith-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.hadith-card{border-left:3px solid #a98b76;flex-direction:column;height:100%;min-height:100%;display:flex}.hadith-text{flex:1;margin:0 0 .75rem;font-family:Lato,sans-serif;font-size:.98rem;line-height:1.6}.hadith-card-source{color:var(--text-brown);margin:auto 0 0;font-family:Lato,sans-serif;font-size:.82rem;font-weight:700}@media (width<=940px){.quran-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.collection-grid,.footer-grid{grid-template-columns:1fr}}@media (width<=700px){.nav-wrap{flex-direction:row;justify-content:space-between;align-items:center;min-height:0;padding:.5rem 0}.logo-image{width:clamp(130px,42vw,190px)}.nav-toggle{display:grid}.nav-links{box-shadow:var(--shadow);background:#fff;border-bottom:1px solid #bfa28c80;flex-direction:column;gap:0;padding:.4rem 0;display:none;position:absolute;top:100%;left:0;right:0}.site-header.nav-open .nav-links{display:flex}.nav-links a{border-radius:0;width:100%;padding:.75rem 1.2rem}.section{padding:3.3rem 0}.daily-box{padding:1.15rem 1rem}.daily-arabic,.hadith-of-day-ar{font-size:clamp(1.35rem,6vw,2rem)}.hadith-of-day-en{font-size:clamp(1rem,4.5vw,1.2rem)}.quran-grid{grid-template-columns:1fr}.follow-dock{padding:0;font-weight:600}.follow-dock.is-collapsed{flex-direction:column;height:44px;display:flex;overflow:hidden}.surah-page{padding-bottom:50px}.dock-toggle{flex:0 0 12px;min-height:12px;padding-top:2px;display:flex}.follow-dock.is-collapsed .dock-toggle-arrow--up{display:inline}.follow-dock.is-collapsed .dock-toggle-arrow--down,.follow-dock:not(.is-collapsed) .dock-toggle-arrow--up{display:none}.follow-dock:not(.is-collapsed) .dock-toggle-arrow--down{display:inline}.follow-dock:not(.is-collapsed){height:auto;padding:.4rem 0}.follow-dock-mini{flex:auto;align-items:center;gap:.55rem;width:min(1120px,92%);min-height:0;margin-inline:auto;padding:0 .65rem 2px;display:none}.follow-dock-mini-play{width:2rem;height:2rem}.follow-dock-mini-play svg{width:1.1rem;height:1.1rem}.follow-dock-mini-surah{font-size:.82rem}.follow-dock-mini-ayah{font-size:.72rem}.follow-dock-inner{flex-direction:column;justify-content:center;align-items:center;gap:.35rem}.follow-dock-info{flex:none;width:100%}.follow-dock-surah-nav{justify-content:center}.follow-dock-info-text{align-items:center}.follow-dock-transport{flex-wrap:wrap;flex:none;justify-content:center;width:100%}.follow-dock-reciter-wrap{text-align:center;flex:none;align-items:center;width:100%;max-width:22rem}.follow-dock-reciter-label{text-align:center;width:100%}.follow-dock.is-collapsed .follow-dock-inner,.follow-dock.is-collapsed .follow-dock-options,.follow-dock.is-collapsed .follow-dock-status{display:none}.follow-dock.is-collapsed .follow-dock-mini{display:flex}}.prayer-times-hero{background:var(--mocha)}.prayer-times-section{background:var(--cream);position:relative}.prayer-times-section:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#a98b7624 0 1.6px,#0000 1.6px),linear-gradient(45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%),linear-gradient(-45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.prayer-times-container{max-width:40rem;margin-inline:auto;position:relative}.prayer-times-status{text-align:center;padding:1.5rem 0}.prayer-times-error{color:var(--ink);margin-bottom:.5rem;font-weight:700}.prayer-times-panel{flex-direction:column;align-items:center;padding:.5rem 0 1rem;display:flex}.prayer-hijri-date{text-align:center;color:var(--text-brown);direction:rtl;margin:0 0 1rem;font-family:Amiri,serif;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.5}.prayer-times-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.prayer-location{color:var(--ink);margin:0;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700}.prayer-refresh-btn{flex-shrink:0}.prayer-countdown{text-align:center;color:var(--green);margin:0 0 1.25rem;font-family:Playfair Display,serif;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:700}.prayer-clock-toggle{border:1px solid var(--mocha);border-radius:999px;align-items:stretch;width:fit-content;max-width:100%;margin:0 auto 1rem;display:inline-flex;overflow:hidden}.prayer-times-meta,.prayer-hijri-date,.prayer-countdown{width:100%}.prayer-clock-toggle-btn{color:var(--text-brown);font:inherit;cursor:pointer;transition:background-color var(--transition), color var(--transition);background:#fff;border:none;padding:.45rem 1.1rem;font-size:.88rem;font-weight:700}.prayer-clock-toggle-btn+.prayer-clock-toggle-btn{border-left:1px solid var(--mocha)}.prayer-clock-toggle-btn.is-active{background:var(--mocha);color:#fff}.prayer-clock-toggle-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px;z-index:1}.prayer-times-list{flex-direction:column;gap:.65rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.prayer-card{border-radius:var(--radius);color:var(--ink);box-shadow:var(--shadow);background:#fff;border:1px solid #bfa28c8c;padding:1rem 1.15rem;position:relative;overflow:hidden}.prayer-card:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle,#a98b761f 0 1.4px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0}.prayer-card>*{position:relative}.prayer-card--next{background:var(--green);color:#fff;border-color:var(--green)}.prayer-card--next:before{opacity:.22;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.prayer-card-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ffffff38;border-radius:999px;margin-bottom:.45rem;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.prayer-card-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.prayer-card-name{font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700}.prayer-card-time{font-variant-numeric:tabular-nums;font-family:Lato,sans-serif;font-size:1.1rem;font-weight:700}@media (width<=700px){.prayer-times-meta{text-align:center;flex-direction:column;align-items:stretch}.prayer-refresh-btn{text-align:center;width:100%}.prayer-card{padding:.85rem 1rem}.prayer-card-name{font-size:.98rem}.prayer-card-time{font-size:1rem}}.islamic-calendar-hero{background:var(--mocha)}.islamic-calendar-section{background:var(--cream);position:relative}.islamic-calendar-section:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#a98b7624 0 1.6px,#0000 1.6px),linear-gradient(45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%),linear-gradient(-45deg,#a98b7614 25%,#0000 25% 75%,#a98b7614 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.islamic-calendar-container{max-width:56rem;margin-inline:auto;position:relative}.islamic-calendar-status{text-align:center;padding:1.5rem 0}.islamic-calendar-dates{background:var(--mocha);color:var(--cream);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.35rem 1.25rem;position:relative;overflow:hidden}.islamic-calendar-dates:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#ffffff2e 0 1.6px,#0000 1.6px),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.islamic-calendar-dates>*{position:relative}.islamic-calendar-hijri{direction:rtl;margin:0 0 .45rem;font-family:Amiri,serif;font-size:clamp(1.4rem,4.5vw,2rem);line-height:1.45}.islamic-calendar-gregorian{opacity:.92;margin:0;font-family:Lato,sans-serif;font-size:1rem}.islamic-calendar-events{margin:0;padding:0;list-style:none}.calendar-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1rem;display:grid}.calendar-card--featured,.islamic-event-card--soon{grid-column:1/-1}.islamic-event-card{border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:100%;padding:1.15rem 1.2rem;display:flex;position:relative;overflow:hidden}.islamic-event-card:before{content:"";pointer-events:none;opacity:.16;background-image:radial-gradient(circle,#a98b761a 0 1.4px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0}.islamic-event-card>*{position:relative}.islamic-event-card--future{color:var(--ink);background:#fff;border:1px solid #bfa28ca6}.islamic-event-card--today{background:var(--mocha);color:#fff;border:1px solid var(--mocha)}.islamic-event-card--today:before{opacity:.2;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.islamic-event-card--past{color:var(--muted);opacity:.85;background:#ffffff8c;border:1px solid #bfa28c66}.islamic-event-card--past .islamic-event-countdown{color:var(--muted)}.islamic-event-card--soon{background:var(--green);color:#fff;border:1px solid var(--green)}.islamic-event-card--soon:before{opacity:.2;background-image:radial-gradient(circle,#fff3 0 1.4px,#0000 1.4px)}.islamic-event-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#ffffff38;border-radius:999px;margin-bottom:.55rem;padding:.22rem .55rem;font-size:.68rem;font-weight:700;display:inline-block}.islamic-event-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;margin-bottom:.35rem;display:flex}.islamic-event-name{flex:12rem;margin:0;font-family:Playfair Display,serif;font-size:1.15rem}.islamic-event-countdown{color:var(--text-brown);white-space:nowrap;margin:0;font-family:Playfair Display,serif;font-size:clamp(1.15rem,3.5vw,1.45rem);font-weight:700}.islamic-event-countdown--today{color:var(--green)}.islamic-event-card--today .islamic-event-countdown,.islamic-event-card--soon .islamic-event-countdown{color:#fff}.islamic-event-card--today .islamic-event-countdown--today{color:#e8f5e4}.islamic-event-hijri-date{color:inherit;opacity:.9;margin:0 0 .2rem;font-size:.9rem;font-weight:700}.islamic-event-gregorian-date{opacity:.85;margin:0 0 .65rem;font-size:.88rem}.islamic-event-description{flex:1;margin:0;font-family:Lato,sans-serif;font-size:.95rem;line-height:1.6}@media (width<=700px){.calendar-grid{grid-template-columns:1fr}.calendar-card--featured,.islamic-event-card--soon{grid-column:auto}.islamic-event-card{padding:1rem}.islamic-event-head{flex-direction:column;align-items:flex-start}.islamic-event-countdown{white-space:normal}.dua-grid,.hadith-grid{grid-template-columns:1fr}}.fade-in-element{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in-element.is-visible{opacity:1;transform:translateY(0)}.fade-in-stagger>.fade-in-element:first-child{transition-delay:0s}.fade-in-stagger>.fade-in-element:nth-child(2){transition-delay:.1s}.fade-in-stagger>.fade-in-element:nth-child(3){transition-delay:.2s}.fade-in-stagger>.fade-in-element:nth-child(4){transition-delay:.3s}.fade-in-stagger>.fade-in-element:nth-child(5){transition-delay:.4s}.fade-in-stagger>.fade-in-element:nth-child(6){transition-delay:.5s}.fade-in-stagger>.fade-in-element:nth-child(7){transition-delay:.6s}.fade-in-stagger>.fade-in-element:nth-child(8){transition-delay:.7s}.fade-in-stagger>.fade-in-element:nth-child(9){transition-delay:.8s}.fade-in-stagger>.fade-in-element:nth-child(10){transition-delay:.9s}.fade-in-stagger>.fade-in-element:nth-child(11){transition-delay:1s}.fade-in-stagger>.fade-in-element:nth-child(12){transition-delay:1.1s}@media (prefers-reduced-motion:reduce){.fade-in-element{opacity:1;transition:none;transform:none}}.feedback-hero{background:#a98b76;position:relative;overflow:hidden}.feedback-hero:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#fff3 0 1.6px,#0000 1.6px),linear-gradient(45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%),linear-gradient(-45deg,#ffffff1a 25%,#0000 25% 75%,#ffffff1a 75%);background-size:23px 23px,32px 32px,32px 32px;position:absolute;inset:0}.feedback-hero>.container{position:relative}.feedback-section{background:var(--cream)}.feedback-container{max-width:700px;margin-inline:auto}.feedback-form,.feedback-thank-you{border:1px solid var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:clamp(1.25rem,4vw,2rem)}.feedback-thank-you{text-align:center}.feedback-thank-you h2{color:var(--mocha);margin-bottom:.75rem;font-family:Playfair Display,serif}.feedback-thank-you p{color:var(--text-brown);line-height:1.6}.feedback-field{margin-bottom:1.15rem}.feedback-field label,.feedback-label{color:var(--text-brown);margin-bottom:.45rem;font-weight:700;display:block}.feedback-optional{color:var(--muted);font-size:.88rem;font-weight:400}.feedback-input{border:1px solid var(--sand);width:100%;font:inherit;color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;border-radius:10px;padding:.65rem .75rem;font-size:.95rem}.feedback-input:focus{border-color:var(--mocha);outline:none;box-shadow:0 0 0 3px #a98b7633}.feedback-textarea{resize:vertical;min-height:5.5rem}.star-rating{flex-wrap:wrap;gap:.35rem;display:flex}.star-rating-star{color:#a98b7659;cursor:pointer;transition:color var(--transition), transform .2s ease;background:0 0;border:none;padding:0;font-size:1.85rem;line-height:1}.star-rating-star:hover,.star-rating-star.is-active{color:#a98b76}.star-rating-star:hover{transform:scale(1.08)}.toggle-group{flex-wrap:wrap;gap:.5rem;display:inline-flex}.toggle-btn{border:1px solid var(--sand);color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition);background:#fff;border-radius:999px;padding:.45rem 1.1rem;font-size:.9rem}.toggle-btn.is-active{background:var(--mocha);border-color:var(--mocha);color:#fff}.feedback-submit{background:#6b8f5e;border-color:#6b8f5e;width:100%;margin-top:.5rem}.feedback-submit:hover{background:#5a7a4f;border-color:#5a7a4f}.feedback-list-section{background:#fff;padding-top:0}.feedback-list-header{text-align:center;margin-bottom:1.75rem}.feedback-list-header h2{color:var(--mocha);margin-bottom:.5rem;font-family:Playfair Display,serif}.feedback-list-header p{color:var(--text-brown);margin:0;line-height:1.6}.feedback-stats{color:var(--text-brown);background:#6b8f5e1f;border-radius:999px;align-items:center;gap:.35rem;margin-top:.85rem;padding:.45rem .9rem;font-size:.92rem;display:inline-flex}.feedback-stats-stars{color:#a98b76;font-size:1rem;line-height:1}.feedback-stats strong{color:var(--mocha);font-family:Playfair Display,serif;font-size:1.15rem}.feedback-list-loading,.feedback-list-error{text-align:center;margin:0 0 1rem;font-size:.95rem}.feedback-list-loading{color:var(--muted)}.feedback-list-error{color:#a65d5d}.feedback-list-loading[hidden],.feedback-list-error[hidden]{display:none}.feedback-list-empty{background:var(--cream);border:1px dashed var(--sand);border-radius:var(--radius);text-align:center;color:var(--muted);padding:1.5rem}.feedback-list-empty[hidden]{display:none}.feedback-list{flex-direction:column;gap:1rem;display:flex}.feedback-card{border:1px solid var(--sand);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:clamp(1rem,3vw,1.35rem)}.feedback-card-header{border-bottom:1px solid #a98b7633;margin-bottom:1rem;padding-bottom:.85rem}.feedback-card-name{color:var(--text-brown);margin:0 0 .35rem;font-family:Playfair Display,serif;font-size:1.1rem}.feedback-card-stars{gap:.15rem;margin-bottom:.55rem;display:flex}.feedback-card-star{color:#a98b76;font-size:1.1rem;line-height:1}.feedback-card-meta{color:var(--muted);flex-wrap:wrap;gap:.45rem .75rem;font-size:.82rem;display:flex}.feedback-card-recommend{font-weight:700}.feedback-card-recommend--yes{color:#6b8f5e}.feedback-card-recommend--no{color:#a65d5d}.feedback-card-block+.feedback-card-block{margin-top:.85rem}.feedback-card-block-label{text-transform:uppercase;letter-spacing:.04em;color:var(--mocha);margin:0 0 .3rem;font-size:.72rem;font-weight:700}.feedback-card-block-text{color:var(--ink);margin:0;line-height:1.55}.feedback-card-block--improve{border-left:3px solid var(--mocha);background:#a98b7614;border-radius:0 8px 8px 0;padding:.75rem .85rem}.feedback-card-block--improve .feedback-card-block-label{color:var(--text-brown)}.feedback-popup{z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.feedback-popup[hidden]{display:none}body.feedback-popup-open{overflow:hidden}.feedback-popup-overlay{background:#00000080;position:absolute;inset:0}.feedback-popup-box{z-index:1;border-radius:var(--radius);background:#f3e4c9;width:min(100%,28rem);padding:1.6rem 1.5rem 1.4rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #1f1a1640}.feedback-popup-box:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#a98b761f 0 1.4px,#0000 1.4px);background-size:20px 20px;position:absolute;inset:0}.feedback-popup-box>*{position:relative}.feedback-popup-close{color:var(--mocha);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:1.6rem;line-height:1;position:absolute;top:.65rem;right:.75rem}.feedback-popup-title{color:#a98b76;margin:0 2rem .65rem 0;font-family:Playfair Display,serif;font-size:1.35rem}.feedback-popup-subtitle{color:var(--text-brown);margin-bottom:1.2rem;line-height:1.55}.feedback-popup-actions{flex-direction:column;gap:.65rem;display:flex}.feedback-popup-give{text-align:center;background:#6b8f5e;border-color:#6b8f5e}.feedback-popup-give:hover{background:#5a7a4f;border-color:#5a7a4f}.feedback-popup-later{border-color:var(--sand);color:var(--ink);background:#fff}.feedback-popup-later:hover{color:var(--mocha);border-color:var(--mocha);background:#fff}@media (width<=700px){.feedback-popup-actions{gap:.55rem}.star-rating-star{font-size:1.65rem}}