.worship-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.worship-links a{display:flex;flex-direction:column;gap:6px;padding:20px;text-decoration:none;color:inherit}.worship-links a:hover{background:#edf5ee}.worship-links span{font-size:13px;color:#61736b}.q-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:end}.q-controls label{flex:1;min-width:160px}.q-controls select,.q-controls input[type=range]{display:block;width:100%;margin-top:8px}.q-check{display:flex;gap:8px;align-items:center}.q-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.q-reading{margin-top:20px;max-width:100%;min-width:0}.q-ayah{padding:24px 0;border-bottom:1px solid #e4ebe5;scroll-margin-top:90px}.q-arabic{font-family:'Amiri','Noto Naskh Arabic','Traditional Arabic',serif;font-size:32px;line-height:2.1;text-align:right;overflow-wrap:anywhere}.q-translation{font-size:18px;line-height:1.8;overflow-wrap:anywhere}.q-note textarea{width:100%;box-sizing:border-box;margin:12px 0}.q-toolbar input,.q-toolbar select{max-width:100%}.q-toolbar{min-width:0}.q-reading input{min-width:0}.bookmark-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 0}.dev-gap{margin-top:20px}.schedule-scroll{max-width:100%;overflow-x:auto}.prayer-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.prayer-table th,.prayer-table td{padding:12px 9px;text-align:left;border-bottom:1px solid #e6eae7}.prayer-table tr.today{background:#e8f2e9;font-weight:bold}.calendar-event{display:flex;justify-content:space-between;gap:14px;padding:18px 0;border-bottom:1px solid #e6eae7}.calendar-event span{color:#64756b}#ml-audio{position:fixed;bottom:85px;right:24px;width:min(420px,calc(100vw - 32px));box-sizing:border-box;background:#fff;border:1px solid #bdd0c2;border-radius:20px;padding:16px;box-shadow:0 12px 48px #16382130;z-index:80}#ml-audio[hidden]{display:none}#ml-audio>div{display:flex;align-items:center;justify-content:space-between;gap:12px}#ml-audio-close{border:0;background:#edf4ee;padding:8px;border-radius:50%;cursor:pointer}#ml-audio audio{width:100%}#ml-audio-status{font-size:12px;color:#52665b}.dhikr-card select{max-width:100%;margin-bottom:20px}button:disabled{opacity:.55;cursor:not-allowed}.q-ayah details{margin-top:16px}.q-ayah summary{cursor:pointer;color:#397a62}.q-reading .inline-form input{flex:1;width:0}.hint a{color:#286147;text-decoration:underline}@media(max-width:700px){.worship-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.worship-links a{padding:16px}.q-controls{display:block}.q-controls label{display:block;margin-bottom:18px}.q-controls .q-check{display:flex}.q-arabic{font-size:29px}.calendar-event{flex-direction:column;gap:6px}#ml-audio{right:16px}.q-buttons .button{font-size:13px}.q-reading .inline-form{flex-wrap:wrap}.q-reading .inline-form input{width:100%;flex-basis:100%}}
.q-controls select,.dhikr-card select,#hijri-adjust{padding:12px;border:1px solid #ccdace;background:#fbfdfb;border-radius:10px;font:inherit;width:100%;box-sizing:border-box}.q-ayah button.small-link{border:0;background:#edf5ef;padding:9px 12px;border-radius:9px;font:inherit;font-size:13px;text-align:left;cursor:pointer;color:#286147}.names-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-top:20px}.name-card{padding:20px;background:#f3f7f2;border-radius:14px}.name-card h2{margin:12px 0}.name-card p{font-size:13px;line-height:1.6}
.welcome-about{padding:28px 32px;border-radius:23px;background:linear-gradient(135deg,#dcede3,#f3f7eb);border:1px solid #c8dfcf;color:#284a3e}.welcome-about h1{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:24px 0 10px}.welcome-about .about-lead{font-size:16px;line-height:1.6;max-width:680px;color:#486657;margin:0 0 22px}.welcome-about .welcome-badge{color:#305d4c;border-color:#94bda5;background:#fff7}.about-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.about-topic{display:flex;align-items:start;gap:12px;padding:16px;background:#ffffffa8;border:1px solid #d3e3d6;border-radius:14px;color:inherit;text-decoration:none;min-width:0}.about-topic:hover{background:#fff}.about-icon{color:#397a62;padding-top:2px;flex:none}.about-topic h2{font-size:16px;line-height:1.35;margin:0 0 6px}.about-topic p{font-size:13px;line-height:1.5;margin:0;color:#567060}.q-extra{margin-top:16px}.q-extra>summary,.q-overview summary{cursor:pointer;color:#397a62;font-size:14px}.q-extra label{display:block;max-width:320px;margin-top:16px}.q-extra input[type=range]{display:block;width:100%}.q-ayah h3{font-size:15px;margin:16px 0 6px;color:#3a6050}.q-ayah .q-translation{margin-top:6px}.q-explanation{padding:16px 20px;border-left:3px solid #82ad94;border-radius:0 12px 12px 0;background:#f1f6f0;margin:16px 0}.q-explanation h3{margin-top:0}.q-explanation p,.q-tafsir p,.q-overview p{line-height:1.8;overflow-wrap:anywhere}.q-explanation small,.q-tafsir small,.q-overview small{font-size:12px;color:#62776c}.q-original>summary,.q-tools>summary,.q-tafsir>summary,.q-source-note>summary{font-size:13px;text-decoration:underline;text-underline-offset:3px}.q-original .q-arabic{background:#fafbf7;padding:12px;border-radius:12px}.q-overview h2{font-size:25px;margin-top:12px}.q-reading>.section-heading{margin-bottom:0}.q-reading .q-ayah:first-of-type{padding-top:18px}@media(max-width:1000px){.about-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.welcome-about{padding:22px 18px}.welcome-about .welcome-top{align-items:start}.welcome-about .welcome-top .eyebrow{font-size:10px}.about-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.about-topic{padding:12px;display:block}.about-icon{display:inline-flex;margin-bottom:6px}.about-topic h2{font-size:14px}.about-topic p{font-size:12px}.welcome-about h1{margin-top:20px}.q-explanation{padding:12px 14px}.q-translation{font-size:17px}}

/* Home-only color choices: emerald welcome (variant 2), blue next prayer (variant 3). */
#app > .welcome-about{background:#245744;border-color:#245744;color:#fff8e7}
#app > .welcome-about .eyebrow{color:#d2e1d1}
#app > .welcome-about h1{color:#fff8e7}
#app > .welcome-about .about-lead{color:#d2e1d1}
#app > .welcome-about .welcome-badge{background:#ffffff12;border-color:#b5cbbd;color:#fff8e7}
#app > .welcome-about .about-topic{background:#fffefa;color:#284a3e}
#app > .welcome-about .about-topic:hover{background:#fff}
#app > .prayer-strip--home{background:#325d75;border-color:#325d75;color:#f4faff}
#app > .prayer-strip--home .eyebrow,
#app > .prayer-strip--home .strip-main strong,
#app > .prayer-strip--home .strip-main b,
#app > .prayer-strip--home small{color:#f4faff}
#app > .prayer-strip--home .strip-link{background:#ffffff18;color:#f4faff}
#app > .prayer-strip--home .strip-link:hover{background:#ffffff28}

#app > .prayer-strip--home{margin-top:0;margin-bottom:20px}
.topbar #cityButton{font-weight:750}
.q-page-title h1{font-family:Georgia,serif;font-size:32px;color:#123e34;margin:0 0 18px}.q-toolbar{background:linear-gradient(125deg,#075b47,#174e3d);color:#fff9e9;border:1px solid #286e58;padding:24px;border-radius:24px;box-shadow:0 10px 30px #143d2110}.q-surah-heading .eyebrow{color:#e7d9a7;font-size:17px;letter-spacing:.04em}.q-surah-heading h2{color:#fff9e9;font:700 30px/1.2 Georgia,serif;margin:10px 0}.q-surah-heading p{font-size:14px;line-height:1.6;margin:8px 0;color:#e3eee5}.q-toolbar .q-controls{margin-top:20px;gap:12px}.q-toolbar .q-controls label{font-size:12px;min-width:0}.q-toolbar .q-controls select{background:#ffffff12;color:#fff;border-color:#ffffff55;font-size:14px}.q-toolbar .q-controls option{background:#fff;color:#163d32}.q-toolbar .q-buttons{gap:8px}.q-toolbar .button{flex:1;background:#f8f2df;color:#164f3c;border:1px solid #f8f2df;padding:12px;font-size:13px}.q-toolbar .button.outline{background:#ffffff0c;color:#fff;border-color:#ffffff60}.q-toolbar summary{color:#e7e9d7;font-size:12px;cursor:pointer;padding:8px 0}.q-toolbar .hint,.q-toolbar .hint a{color:#e2e9dc;font-size:12px}.q-toolbar [role=status]:empty{display:none}.q-toolbar .q-extra{border-top:1px solid #ffffff25}.q-toolbar .small-link{color:white}.q-overview{padding:14px 18px;border-radius:16px}.q-overview>summary{color:#285f49;font-size:13px;cursor:pointer}.q-overview p,.q-overview small{font-size:13px;line-height:1.7}.q-reading{background:transparent;border:0;box-shadow:none;padding:0;margin-top:22px}.q-reading .section-heading{gap:12px;align-items:center;margin-bottom:14px}.q-reading .section-heading h2{font:700 23px Georgia,serif;margin:0;color:#173e32}.q-reading .section-note{font-size:12px;color:#718174;text-align:right;max-width:60%}.q-verse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.q-verse-grid .q-tile{border:0;padding:0;min-width:0;margin:0;display:flex}.q-tile:last-child:nth-child(odd){grid-column:1/-1}.q-tile-button{width:100%;min-height:126px;border:1px solid #d8d7c4;border-radius:15px;background:#fffdf7;color:#193b31;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px;cursor:pointer;font:inherit;box-shadow:0 3px 10px #354a2910}.q-tile-button:hover,.q-tile-button:focus-visible{background:#edf5ec;border-color:#19745b;outline:2px solid #19745b;outline-offset:2px}.q-verse-number{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:24px;height:24px;border:1px solid #9b813c;border-radius:35%;color:#203529;font-size:14px;font-weight:700}.q-tile-text{font-size:15px;line-height:1.45;font-weight:550;color:#142c24;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.q-tile-more{font-size:11px;color:#405447;margin-top:auto}.q-source-footer{font-size:12px;line-height:1.6;margin-top:20px}#q-verse-dialog{box-sizing:border-box;width:min(620px,100%);max-width:100%;max-height:88dvh;margin:auto auto 0;padding:0;border:1px solid #e3e4d3;border-radius:25px 25px 0 0;background:#fffcf5;color:#203e32;box-shadow:0 -12px 60px #14332522;overflow-y:auto;overscroll-behavior:contain}#q-verse-dialog::backdrop{background:#10261e70;backdrop-filter:blur(2px)}.q-sheet-content{padding:22px 24px max(24px,env(safe-area-inset-bottom))}.q-sheet-content:before{content:'';display:block;width:40px;height:4px;border-radius:4px;background:#c4cab9;margin:-10px auto 18px}.q-sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.q-sheet-heading h2{font:700 23px/1.3 Georgia,serif;margin:0 0 18px;color:#114a38}.q-sheet-close{flex-shrink:0;width:36px;height:36px;border:0;border-radius:50%;background:#eaf0e5;color:#215641;font-size:25px;cursor:pointer}.q-sheet-content h3{font-size:16px;color:#1b684e;margin:20px 0 8px}.q-sheet-content p{font-size:15px;line-height:1.8;overflow-wrap:anywhere}.q-sheet-content .q-translation{font-size:19px}.q-sheet-content details{margin:16px 0}.q-sheet-content summary{color:#287259;cursor:pointer;font-size:13px}.q-sheet-content small{font-size:11px;color:#677661}.q-sheet-content .eyebrow{display:none}.q-sheet-nav{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #dfe3d6}.q-sheet-nav .button{flex:1;white-space:normal;font-size:12px;padding:12px 8px}.q-sheet-content>.q-buttons>.button{width:100%;background:#125b43}.q-sheet-content .q-note textarea{width:100%;box-sizing:border-box}.q-sheet-content #ml-audio{position:static;width:100%;margin-top:12px;box-shadow:none}.q-sheet-content .q-arabic{font-size:30px;line-height:2}@media(max-width:500px){.q-toolbar{padding:20px 16px;border-radius:22px}.q-toolbar .q-controls{display:flex}.q-toolbar .q-controls label{margin:0;flex:1}.q-toolbar .q-controls select{padding:10px 7px}.q-verse-grid{gap:10px}.q-tile-button{padding:10px 11px;min-height:118px}.q-sheet-content{padding:20px 18px max(24px,env(safe-area-inset-bottom))}.q-tile-text{font-size:15px}.q-toolbar .q-buttons .button{font-size:12px}.q-sheet-nav .button{font-size:11px}}
.q-verse-grid .q-tile:first-child{padding:0}.q-tile:has(.q-tile-button:focus){border-radius:15px}
.q-toolbar.q-toolbar-compact{position:relative;overflow:hidden;border:1px solid #c7ad63;border-radius:21px;padding:20px;background-color:#00543d;background-image:repeating-linear-gradient(30deg,transparent 0 29px,#d9b65109 30px 31px,transparent 32px 60px),repeating-linear-gradient(150deg,transparent 0 29px,#d9b65109 30px 31px,transparent 32px 60px),linear-gradient(120deg,#00553f,#004b36);box-shadow:0 3px 10px #173b2420}.q-surah-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.q-surah-top>div{min-width:0}.q-toolbar-compact .q-surah-name{font:700 clamp(24px,5.9vw,32px)/1.2 Georgia,'Times New Roman',serif;color:#fffbed;letter-spacing:0;margin:0;overflow-wrap:anywhere}.q-toolbar-compact .q-surah-subtitle{font:600 19px/1.4 Georgia,'Times New Roman',serif;color:#fffbed;margin:3px 0 0}.q-toolbar-compact .q-surah-meta{font:16px/1.5 Georgia,'Times New Roman',serif;color:#f3f5e9;margin:5px 0 0}.q-gold-rule{width:44px;height:1px;background:#e8cc7d;margin:14px 0 11px;position:relative}.q-gold-rule:after{content:'';position:absolute;left:20px;top:-2px;width:4px;height:4px;border:1px solid #e8cc7d;transform:rotate(45deg);background:#00543d}.q-toolbar-compact .q-surah-brief{font:16px/1.5 Georgia,'Times New Roman',serif;color:#f9f7e8;margin:0}.q-surah-picker{position:relative;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #e8cc7d;border-radius:50%;color:#fff;box-shadow:0 3px 10px #002c292b;cursor:pointer}.q-surah-picker>span{font-size:28px;line-height:1;margin-top:-8px}.q-surah-picker select{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.q-surah-picker:focus-within{outline:2px solid #fff3bd;outline-offset:3px}.q-panel-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin-top:17px}.q-listen-button,.q-language-picker{height:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:17px;background:#00473588;color:#fff7dc;border:1px solid #ead58f;min-width:0}.q-listen-button{font:600 16px Georgia,'Times New Roman',serif;cursor:pointer;box-shadow:0 2px 5px #001b1629;padding:8px 10px}.q-listen-button>span:first-child{color:#efdb9c;font-size:21px}.q-language-picker{border-color:#e3ece0;border-radius:13px;padding-left:12px;gap:5px}.q-language-picker svg{flex-shrink:0}.q-language-picker select{width:100%;min-width:0;height:100%;margin:0;background:transparent;color:#fffbed;border:0;border-radius:13px;font:15px system-ui;padding:0 5px;cursor:pointer}.q-language-picker option,.q-surah-picker option{background:#fffdf6;color:#153c2e}.q-language-picker:focus-within{outline:2px solid #fff3bd;outline-offset:3px}.q-toolbar-compact+.q-reading{margin-top:16px}.q-reader-footer-actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:18px 0 0}.q-reader-footer-actions button{border:0;background:none;font:inherit;font-size:12px;color:#557665;text-decoration:underline;cursor:pointer}@media(max-width:360px){.q-toolbar.q-toolbar-compact{padding:17px 14px}.q-toolbar-compact .q-surah-name{font-size:23px}.q-toolbar-compact .q-surah-subtitle{font-size:17px}.q-surah-picker{width:38px;height:38px}.q-listen-button{font-size:14px}.q-language-picker select{font-size:13px}.q-panel-actions{gap:8px}.q-language-picker{padding-left:8px}}