:root{--bg:#f7f5ef;--paper:#fffefa;--ink:#293d33;--muted:#7e8277;--sage:#526b57;--line:#e5e6dc;--gold:#a48a57}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 Tahoma,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit;padding:9px 18px}button:hover{background:#a0af9822}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}a{color:var(--sage)}h1,h2,h3,p{margin:0 0 14px}h1{font-size:40px;font-weight:500;line-height:1.5}h2{font-size:24px;font-weight:500}small,.muted{color:var(--muted);font-size:13px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:220px;background:var(--paper);border-left:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.logo{font:58px/1.3 Georgia,'Times New Roman',serif;text-align:center;text-decoration:none;color:var(--sage)}.logo span{display:block;font:11px/1.8 Arial;letter-spacing:5px;padding-right:5px}.tagline{text-align:center;font-size:11px;letter-spacing:2px;color:var(--gold);margin:20px 0 45px}nav button{display:flex;gap:18px;width:100%;border:0;text-align:right;margin:8px 0;padding:13px 20px;color:#6d766b}nav span{font-size:23px;line-height:1.3}.active{background:#e8eee2;color:var(--sage);font-weight:bold}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;font-size:13px}main{margin-right:220px;padding:0 5.3%;max-width:1660px}header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:14px}header small{display:block}.header-actions{display:flex;gap:10px}.header-actions button{border:0}.intro{padding:48px 0 30px}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:2px;display:block;margin-bottom:13px}.intro p{color:var(--muted)}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px}.card p{font-size:14px;color:var(--muted)}.card small{display:block}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.prayer{background:#536b59;color:#fffef5;position:relative;overflow:hidden}.prayer:after{content:'';position:absolute;border:1px solid #ffffff12;border-radius:50%;width:440px;height:440px;left:-240px;top:-180px;pointer-events:none;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff05}.prayer button{border-color:#ffffff33;font-size:12px}.prayer h2{margin-top:28px;font-size:30px}.prayer p,.prayer small{color:#d8dfd2}.big{font:48px/1.4 Georgia,serif}.times{display:flex;justify-content:space-between;gap:4px;margin:26px 0;border-top:1px solid #ffffff20;padding-top:16px}.times div{padding:8px 6px;border-radius:8px}.times strong{display:block;font-size:13px;font-weight:400}.times .current{background:#ffffff19}.verse{text-align:center;background:#f1eee4}.book{font-size:60px;line-height:1.5;color:var(--gold);margin:10px}.primary{background:var(--sage);color:white;border-color:transparent}.verse small{margin-top:15px}.sana-card{position:relative;padding-left:115px}.mascot{width:78px;height:85px;background:#a4b697;border-radius:48% 50% 40% 42%;position:absolute;left:28px;top:35px;box-shadow:inset -10px -5px 0 #91a583;display:flex;align-items:center;justify-content:center;gap:14px;transform:rotate(-6deg)}.mascot:before{content:'';width:25px;height:13px;border-radius:100% 0;background:#718967;position:absolute;top:-6px;right:12px;transform:rotate(-30deg)}.mascot i{display:block;background:#344e3b;width:5px;height:7px;border-radius:50%}.strip{display:flex;gap:22px;margin:28px 0;padding:22px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip>span{font-size:35px;color:var(--gold)}.strip h3{font-size:16px;font-weight:400}.strip p{font-size:13px;color:var(--muted);margin:0}footer{padding:30px 0;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.section-title{display:flex;justify-content:space-between;align-items:center;padding:35px 0 20px}.notice{border:1px solid #c8b282;background:#bca36615;padding:14px;border-radius:10px;font-size:13px}.reader-layout{display:grid;grid-template-columns:210px 1fr;gap:20px}.reader-layout aside{padding:18px;max-height:75vh;overflow:auto}.surah{display:block;width:100%;text-align:right;border:0;border-bottom:1px solid var(--line);padding:12px 4px}.surah span{color:var(--gold);font-size:12px;margin-left:8px}.ayah{font:28px/2.3 'Traditional Arabic','Times New Roman',serif;color:var(--ink)!important;white-space:pre-line}.ayah-num{font-size:16px;color:var(--gold);border:1px solid var(--gold);border-radius:50%;padding:3px 7px}.reading article{padding:20px 0;border-bottom:1px solid var(--line)}.verse-actions{display:flex;gap:6px}.verse-actions button{font-size:11px;border:0}.basmala{font:28px/2 'Traditional Arabic',serif;text-align:center}label{display:block;font-size:13px;margin:12px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px;margin-top:6px}textarea{min-height:110px;resize:vertical}.log{padding:10px 0;border-bottom:1px solid var(--line)}.log button{font-size:13px}.selected{background:#e5ecdf;color:var(--sage)}.compass{width:145px;height:145px;border:1px solid var(--gold);border-radius:50%;margin:25px auto;display:flex;align-items:center;justify-content:center}.compass span{display:block;font:80px Georgia;color:var(--sage)}.tile-icon{font-size:42px;color:var(--gold)}.room{text-align:center;max-width:780px;margin:35px auto;padding:45px}.large{position:relative;left:auto;top:auto;width:150px;height:165px;margin:50px auto;gap:30px}.large i{width:8px;height:11px}.room p{max-width:500px;margin:18px auto}.room small{margin:20px auto}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:20px;padding:26px;width:min(550px,94vw);max-height:90vh}dialog::backdrop{background:#203a2966;backdrop-filter:blur(3px)}#toast{position:fixed;bottom:24px;left:24px;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:10px;max-width:90vw}.dark{--bg:#1c2821;--paper:#24342a;--ink:#eceddf;--muted:#b0baaa;--line:#3a4a3c;--sage:#89a47b;--gold:#c4ae7d}.dark .verse{background:#303a2b}.dark .active{background:#3c4f38}.hijri{font-size:26px!important}article{padding:12px 0}pre{white-space:pre-wrap;direction:ltr;overflow-wrap:anywhere}@media(max-width:900px){.sidebar{width:170px;padding:24px 12px}main{margin-right:170px;padding:0 4%}.grid{grid-template-columns:1fr}h1{font-size:32px}.reader-layout{grid-template-columns:1fr}.reader-layout aside{max-height:210px}header{height:82px}}@media(max-width:600px){.sidebar{top:auto;bottom:0;left:0;right:0;width:100%;height:73px;padding:0;z-index:5;border-top:1px solid var(--line)}.sidebar .logo,.tagline,.sidebar-bottom{display:none}nav{display:flex;height:100%}nav button{padding:8px 2px;margin:0;border-radius:0;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:0}main{margin:0;padding:0 20px 80px}h1{font-size:29px}.intro{padding-top:28px}.card{padding:23px}.sana-card{padding-left:110px}.section-title{align-items:flex-start;gap:8px}.section-title>button{font-size:11px}.times{gap:0}.times div{padding:6px 3px}.times strong{font-size:11px}.ayah{font-size:26px}footer{display:block}footer span{display:block}.room{padding:25px 18px}.reading{padding:17px}.grid{gap:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sana-turn{text-align:start;border-bottom:1px solid var(--line);padding:16px 0}.sana-turn p{white-space:pre-wrap;overflow-wrap:anywhere}#sanaconsent{accent-color:var(--sage)}#sanasend:disabled{opacity:.55;cursor:wait}

.library-tools{margin-bottom:22px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}.library-tools label{flex:1;min-width:140px}.dhikr-text{font:26px/2.2 "Traditional Arabic","Times New Roman",serif!important;color:var(--ink)!important}.source-ref{display:block;font-size:13px;margin:12px 0}.dhikr-counter{margin:18px 0}.dhikr-counter button:disabled{opacity:.55}.source-links{font-size:13px;margin:12px 0}#adhkarlist{margin-bottom:24px}

@font-face{font-family:AmiriQuran;src:url('./fonts/AmiriQuran.ttf') format('truetype');font-weight:400;font-display:swap}.mushaf-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px}.mushaf-tools label{margin:0;flex:1;min-width:90px}.mushaf-tools button{font-size:12px;white-space:nowrap}.mushaf-nav{display:flex;justify-content:space-between;align-items:center;margin:20px auto;max-width:730px;font-size:13px}.mushaf-page{--reading-scale:1;max-width:730px;margin:0 auto;background:#fffbed;color:#2e3024;border:1px solid #bd9e61;box-shadow:0 12px 45px #3b402b10;padding:12px;position:relative;border-radius:3px}.mushaf-inner{border:3px double #b59559;padding:24px 32px;min-height:960px;background:linear-gradient(90deg,#c9b47b0a,transparent 5%,transparent 95%,#c9b47b0a);outline:1px solid #d8c59d;outline-offset:5px}.mushaf-running{display:flex;justify-content:space-between;color:#8b713c;font-size:12px;border-bottom:1px solid #ccb88d;padding-bottom:12px;margin-bottom:18px}.mushaf-surah{text-align:center;border:3px double #baa16d;background:#e8dcc044;font-family:AmiriQuran,'Traditional Arabic',serif;color:#51472c;font-size:26px;padding:9px;margin:18px 0}.mushaf-line{font-family:AmiriQuran,'Traditional Arabic',serif;font-size:calc(25px * var(--reading-scale));line-height:2.25;direction:rtl;text-align:justify;text-align-last:justify;overflow-wrap:normal;word-break:normal;font-feature-settings:'liga' 1,'calt' 1;min-height:1em}.mushaf-section .mushaf-line:last-child{text-align-last:center}.mushaf-basmala{font:calc(27px * var(--reading-scale))/2.4 AmiriQuran,'Traditional Arabic',serif;text-align:center;margin:8px 0}.mushaf-stop{font-family:AmiriQuran,serif;font-size:.61em;display:inline-flex;align-items:center;justify-content:center;border:1px solid #9d854d;border-radius:45%;min-width:1.7em;height:1.7em;line-height:1;vertical-align:middle;margin:0 .13em;color:#80672f;direction:ltr}.mushaf-page-number{width:62px;text-align:center;border:3px double #b59559;margin:30px auto 0;color:#80672f;border-radius:50%;font:22px/1.5 AmiriQuran,serif}.mushaf-foot{max-width:730px;margin:20px auto;color:var(--muted);font-size:12px}.mushaf-foot label{max-width:220px}.sajdah{color:#8a6d35}.right-page{box-shadow:inset 12px 0 22px -17px #56482f,0 12px 45px #3b402b10}.left-page{box-shadow:inset -12px 0 22px -17px #56482f,0 12px 45px #3b402b10}.dark .mushaf-page{background:#e9e1cd;color:#292c20}.dark .mushaf-inner{background:none}@media(max-width:650px){.mushaf-inner{padding:14px 12px;min-height:710px}.mushaf-page{padding:8px}.mushaf-line{font-size:calc(19px * var(--reading-scale));line-height:2.45;text-align-last:auto}.mushaf-surah{font-size:23px}.mushaf-tools{gap:8px}.mushaf-tools button{font-size:11px;padding:8px 10px}.mushaf-nav{gap:7px}.mushaf-nav button{font-size:11px;padding:8px}.mushaf-basmala{font-size:23px}}

.discovery-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.discovery-tabs .active{border-color:var(--sage)}.discovery-tabs small{margin-right:8px}.discovery-controls{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-bottom:24px}.discovery-controls label{flex:1;min-width:180px}.discovery-controls>small{width:100%}.discovery-card .row{margin-top:25px}.learning-article{max-width:820px;margin:24px auto}.learning-article h1{font-size:32px}.learning-article>p{font-size:18px;line-height:2.3;color:var(--ink);margin:28px 0}.article-sources{border-top:1px solid var(--line);padding-top:16px}.article-sources button{font-size:12px}.learning-actions{margin-top:30px}.quiz-choice{display:block;width:100%;margin:12px 0;text-align:start}.quiz-choice:disabled{opacity:.7}.learning-article .eyebrow{margin-top:14px}@media(max-width:600px){.learning-article>p{font-size:17px}.learning-actions{flex-wrap:wrap}.discovery-tabs button{font-size:13px;padding:8px 12px}}

/* Refine the existing palette and layout with quieter app surfaces. */
button{border-radius:6px}h1{font-size:32px;letter-spacing:0}h2{font-size:23px}
.intro{padding:34px 0 25px}.intro h1{margin-bottom:8px}.intro p{font-size:14px;line-height:1.9}.eyebrow{letter-spacing:0;font-size:12px;margin-bottom:9px}
.card{border-radius:11px;box-shadow:none}.section-title{padding:29px 0 20px}.tagline{letter-spacing:0;margin-top:17px;margin-bottom:35px;font-size:12px}
nav button{font-size:14px;font-weight:400;border-radius:4px;border-inline-start:2px solid transparent;padding:12px 16px;margin:5px 0;gap:14px}nav button span{display:inline-flex;align-items:center;line-height:1}nav button.active{border-inline-start-color:var(--sage);font-weight:500}nav svg{flex:none}
.home-grid{gap:24px 28px}.home-intro h1{font-size:28px}.home-intro{padding-top:32px}.home-grid .prayer{padding:25px 27px;border:0;border-radius:11px}.prayer:after{display:none}.prayer-main{display:flex;align-items:baseline;gap:20px;margin:20px 0 6px;flex-wrap:wrap}.prayer-main h2{font-size:27px;margin:0}.prayer-main .big{font-size:43px;line-height:1.3}.prayer .row>button{border:0;border-bottom:1px solid #ffffff45;border-radius:0;padding:2px 0}.prayer .times{margin:22px 0 18px;padding-top:16px}.prayer>small{font-size:11px}
.home-grid .verse{text-align:start;background:transparent;border:0;border-inline-start:1px solid var(--line);border-radius:0;padding:25px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.reading-label{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;margin-bottom:18px}.reading-label svg{width:23px;height:23px}.verse h2{font-size:25px;margin-bottom:8px}.verse p{margin-bottom:24px}.verse small{font-size:11px;line-height:1.8;max-width:250px}.verse .primary{padding:9px 19px}
.home-shortcut{border-top:1px solid var(--line);padding:23px 0 15px;display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:12px}.home-shortcut h2{font-size:19px;margin-bottom:6px}.home-shortcut p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.home-shortcut>button{border:0;padding:0;color:var(--sage);font-size:13px;background:transparent}.home-shortcut>button:hover{text-decoration:underline;text-underline-offset:5px}.home-shortcut.sana-card{padding-inline-end:63px}.home-shortcut .mascot{width:41px;height:46px;left:8px;top:27px;gap:9px;transform:none;box-shadow:inset -5px -3px 0 #91a583}.home-shortcut .mascot i{width:3px;height:5px}.home-shortcut .mascot:before{width:15px;height:8px;right:5px}
.local-data-note{border-top:1px solid var(--line);margin-top:26px;padding:17px 0;font-size:12px;color:var(--muted)}.local-data-note>span{color:var(--ink);display:block;margin-bottom:2px}.local-data-note p{margin:0;font-size:12px}.local-data-note+footer{margin-top:0}
.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px}.discovery-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:25px 0}.discovery-card h2{font-size:21px;line-height:1.7;margin-bottom:10px}.discovery-card .eyebrow{color:var(--muted);font-size:11px}.discovery-card p{font-size:14px;line-height:1.95}.discovery-card .row{margin-top:17px;gap:10px}.discovery-card .row button{padding:3px 0;border:0;color:var(--sage);font-size:13px;background:transparent}.discovery-card .row button:hover{text-decoration:underline;text-underline-offset:5px}.discovery-card .row small{font-size:11px}.discovery-controls{background:transparent;border:0;border-block:1px solid var(--line);border-radius:0;padding:14px 0 17px;gap:12px}.discovery-tabs{gap:6px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:0}.discovery-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:13px;padding:9px 11px;color:var(--muted)}.discovery-tabs button.active{color:var(--ink);border-bottom-color:var(--sage)}.discovery-tabs small{font-size:11px}
.room{position:relative;text-align:start;padding:32px;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}.room h1{font-size:28px;max-width:80%}.room .large{position:absolute;width:60px;height:66px;left:30px;top:30px;margin:0;gap:13px}.room .large i{width:4px;height:6px}.room p{max-width:590px;margin:17px 0;line-height:1.9}.room>small{margin:20px 0;font-size:12px;line-height:2}.room #sanaform{margin-top:28px}.room #sanaclear{font-size:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0}.room .eyebrow{color:var(--muted)}.room .mascot:before{width:18px;height:10px}.dark .home-grid .verse{background:transparent}.dark .discovery-card,.dark .room{background:transparent}
@media(max-width:900px){.home-grid .verse{border-inline-start:0;border-top:1px solid var(--line);padding:26px 0}.home-grid{gap:22px}.discovery-grid{gap:0 23px}}
@media(max-width:600px){h1{font-size:27px}.intro{padding-top:26px}.home-intro h1{font-size:25px}.home-grid .prayer{padding:23px 20px}.prayer-main{gap:17px}.prayer-main .big{font-size:38px}.home-grid .verse{padding:21px 0 7px}.home-shortcut{padding-top:21px}.discovery-grid{grid-template-columns:1fr}.discovery-card{padding:21px 0}.discovery-controls{gap:10px}.discovery-tabs button{font-size:12px;padding:8px}.room{padding:26px 0}.room .large{left:4px;top:29px;width:46px;height:51px}.room h1{font-size:25px}.sidebar nav button{padding:9px 2px;margin:0;border-inline-start:0;border-top:2px solid transparent;border-radius:0;font-size:11px;gap:4px}.sidebar nav button.active{border-top-color:var(--sage)}.sidebar nav svg{width:19px;height:19px}}

/* Contextual Sana within the existing layout. */
.sana-launcher{color:var(--green,#526a57);font-weight:700;min-width:58px}.sana-quick{max-width:540px}.sana-quick textarea{min-height:80px}.sana-reference{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sana-reference input{width:100%}.sana-consent{display:flex;gap:8px;align-items:flex-start}.sana-consent input{width:auto;margin-top:6px}.sana-quick small{display:block;margin-top:14px;color:var(--muted,#777)}.tafsir-link{display:inline-block;padding:10px 0}.sana-quick hr{border:0;border-top:1px solid var(--line,#ddd);margin:20px 0}button.mushaf-stop{display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;min-width:1.45em;min-height:1.45em;padding:0 .15em;margin:0 .06em;font-family:inherit;font-size:.64em;color:inherit;border:1px solid #b3a77b;background:transparent;border-radius:50%;line-height:1.25}button.mushaf-stop:hover,button.mushaf-stop:focus-visible{outline:2px solid #526a57;outline-offset:2px}

.sync-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.sync-comparison section{padding:14px;border:1px solid var(--line,#ddd);border-radius:8px}.sync-comparison h3{margin-top:0;font-size:1rem}.sync-comparison p{font-size:.9rem}#syncpreview button{margin:6px}#syncpause,#syncexport{margin-top:18px}