:root{--paper:#f7f6f1;--surface:#fffefa;--ink:#183e35;--text:#263f37;--muted:#767e75;--line:#e3e5dc;--soft:#edf0e7;--gold:#b09460;--deep:#183e35;--arabic-size:32px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--text);font:14px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:118px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}a,button,input,select{outline-offset:5px}*:focus-visible{outline:2px solid var(--gold)}button:disabled{opacity:.35;cursor:default}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.dedication{min-height:44px;background:var(--deep);color:#e7dcc5;text-align:center;display:flex;align-items:center;justify-content:center;gap:24px;font-family:'Amiri Quran',serif;font-size:17px;padding:4px 20px 7px}.dedication-star{font:20px/1 serif;color:var(--gold)}.site-header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500;letter-spacing:3px;line-height:1.4;color:var(--ink)}.brand-mark{color:var(--gold);font:46px/1 Georgia,serif;letter-spacing:0}.brand small{display:block;font-size:8px;letter-spacing:2.65px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:34px;align-items:center}nav a,nav button{padding:14px 0;font-size:12px;font-weight:500;color:var(--muted)}nav a:hover,nav button:hover{color:var(--ink)}nav .nav-current{color:var(--ink);position:relative}nav .nav-current:after{content:'';width:20px;height:2px;background:var(--gold);position:absolute;bottom:4px;left:calc(50% - 10px)}#saved-count{font-size:10px;padding:2px 5px;margin-left:4px;border-radius:8px;background:var(--soft)}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:23px;flex-shrink:0}.icon-button:hover{background:var(--soft)}#theme-toggle{border:1px solid var(--line);width:40px;height:40px}.hero{display:grid;grid-template-columns:1.1fr .9fr;min-height:372px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 49px;overflow:hidden}.hero-copy{padding:42px 0 41px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow>span{height:1px;width:25px;background:var(--gold)}h1,h2,p{margin-top:0}h1{font:500 clamp(48px,4.7vw,68px)/.99 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.8px;margin:22px 0 20px;color:var(--ink)}h1 em{font-weight:400;color:#8c7953}h1 em::after{content:''}.hero p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:24px}.hero-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:45px;padding:10px 21px;font-size:11px;font-weight:500;border:1px solid transparent;border-radius:3px}.primary{background:var(--deep);color:#f6f1e5}.primary:hover{background:#275549}.button span{font-size:18px}.resume-button{font-size:11px;padding:10px 0;color:var(--muted)}.resume-button span{margin-left:8px}.hero-art{position:relative;background:var(--deep);overflow:hidden;align-self:stretch;isolation:isolate;margin:26px 0 26px 36px;border-radius:200px 200px 3px 3px;min-height:320px}.hero-art:before{content:'';position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23c1ab78' stroke-width='.6'%3E%3Cpath d='M45 0 59 31 90 45 59 59 45 90 31 59 0 45 31 31Z'/%3E%3Cpath d='M0 0 45 18 90 0 72 45 90 90 45 72 0 90 18 45Z'/%3E%3C/g%3E%3C/svg%3E")}.hero-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#183e35 6%,#183e35b0 40%,transparent 75%);z-index:-1}.arch{position:absolute;border:1px solid #b9a37466;border-bottom:0;inset:21px 24px 0;border-radius:230px 230px 0 0}.arch-inner{inset:29px 32px 0;border-color:#b9a37433}.art-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:17px}.arabic-title{font:46px/1.8 'Amiri Quran',serif;color:#ede5d3;text-shadow:0 1px 10px #183e35}.art-rule{height:1px;width:65px;background:var(--gold);margin:12px 0 20px;position:relative}.art-rule:before{content:'◇';position:absolute;left:26px;top:-10px;background:var(--deep);color:var(--gold);font-size:11px;padding:0 3px}.art-caption{font-size:10px;letter-spacing:3px;color:#dfd5bc}.art-footer{font-size:7px;letter-spacing:2.7px;color:#b6bdaa;margin-top:44px}.art-star{position:absolute;color:#b5a16e;z-index:1;font:32px Georgia,serif}.star-one{top:28px;left:calc(50% - 12px)}.star-two{bottom:20px;left:calc(50% - 8px);font-size:22px}.reading-space{display:grid;grid-template-columns:257px minmax(0,1fr);gap:38px}.surah-panel{position:sticky;top:25px;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.panel-heading h2{font:600 25px/1.2 'Cormorant Garamond',serif;margin:0}.panel-heading>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:8px;height:43px;border:1px solid var(--line);border-radius:4px;padding:0 12px;background:var(--surface);margin-bottom:16px}.search-box>span{display:flex;color:var(--muted)}.search-box svg{width:16px;height:16px}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.search-box:focus-within{outline:2px solid var(--gold);outline-offset:2px}.search-box kbd{font:10px 'DM Sans';padding:0 5px;border:1px solid var(--line);border-radius:2px;color:var(--muted)}.surah-list{max-height:517px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.surah-item{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 9px;margin:2px 0;border-radius:4px;border:1px solid transparent}.surah-item:hover{background:var(--soft)}.surah-item.active{background:var(--soft);border-color:var(--line)}.surah-number{font-size:10px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;transform:rotate(45deg);flex-shrink:0;color:var(--muted);margin:4px}.surah-number span{transform:rotate(-45deg)}.surah-item.active .surah-number{background:var(--deep);border-color:var(--deep);color:#e7dcc5}.surah-info{flex:1;min-width:0}.surah-info strong{display:block;font-weight:500;font-size:11px}.surah-info small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.surah-name-ar{font:18px/1.6 'Amiri Quran',serif;max-width:76px;text-align:right}.sidebar-note{display:flex;gap:13px;color:var(--muted);padding:24px 5px;border-top:1px solid var(--line);margin-top:20px}.sidebar-note>span{color:var(--gold);font:24px Georgia}.sidebar-note p{font-size:10px;line-height:1.8;margin:0}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;height:36px}.view-tabs{display:flex;gap:3px;border:1px solid var(--line);background:#eaece4;border-radius:5px;padding:3px}.view-tabs button{font-size:10px;padding:7px 14px;border-radius:3px;line-height:1.5;color:var(--muted)}.view-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #173d3412}.settings-button{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted)}.settings-button>span{display:flex}.settings-button svg{width:16px;height:16px}.reading-card{border:1px solid var(--line);border-radius:6px;background:var(--surface);overflow:hidden}.chapter-heading{padding:34px 23px 25px;display:flex;align-items:center;justify-content:space-between;text-align:center;background:linear-gradient(130deg,transparent,var(--soft));gap:15px}.chapter-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.7px}.chapter-heading h2{font:500 39px/1.1 'Cormorant Garamond',Georgia,serif;margin:11px 0 5px;color:var(--ink)}.chapter-heading p{font-size:10px;letter-spacing:.2px;color:var(--muted);margin:0}.chapter-heading>.icon-button{border:1px solid var(--line);width:31px;height:31px;font-size:17px}.chapter-actions{padding:14px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-actions button{display:flex;align-items:center;gap:7px;font-size:10px}.chapter-actions button>span{display:flex}.chapter-actions svg{width:14px;height:14px}.chapter-actions>span{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.verse{padding:25px 32px 22px;border-bottom:1px solid var(--line);position:relative;scroll-margin-top:24px;transition:background .2s}.verse.active-verse{background:var(--soft);box-shadow:inset 3px 0 var(--gold)}.verse-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.verse-ref{font-size:9px;font-weight:500;letter-spacing:.7px;color:var(--muted)}.verse-tools{display:flex;gap:7px}.verse-tools button{height:30px;width:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.verse-tools button:hover{color:var(--ink);background:var(--soft)}.verse-tools svg{width:14px;height:14px}.verse-tools .saved{color:var(--gold)}.verse-tools .saved svg{fill:var(--gold)}.arabic{font:var(--arabic-size)/2.1 'Amiri Quran',serif;text-align:right;color:var(--ink);margin:0 0 16px;overflow-wrap:anywhere}.verse-number{display:inline-flex;align-items:center;justify-content:center;font:16px/1 'Amiri Quran',serif;min-width:30px;height:30px;border:1px solid var(--gold);border-radius:50%;margin-inline-start:10px;vertical-align:middle;color:#8c7953}.translation{font-size:12px;line-height:1.95;color:var(--muted);margin:0;max-width:680px}.arabic-only .translation{display:none}.chapter-end{text-align:center;padding:30px}.chapter-end>span{font-size:28px;color:var(--gold)}.chapter-end p{font-size:10px;letter-spacing:1px;color:var(--muted);margin:5px 0 18px}.subtle{border-color:var(--line);background:var(--soft);min-height:38px;gap:20px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding:30px 0;margin:50px 0 10px}.footer-brand{font-size:12px;letter-spacing:2px}.footer-brand span{display:block;letter-spacing:.3px;font:italic 19px 'Cormorant Garamond',serif;color:var(--muted);margin-top:6px}.site-footer p,.site-footer button{font-size:9px;color:var(--muted);margin:0;line-height:1.9}.site-footer p a{text-decoration:underline;text-underline-offset:3px}.audio-player{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);z-index:20;box-shadow:0 -5px 30px #173d3407}.player-inner{min-height:104px;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:center}.player-title{display:flex;gap:12px;align-items:center;min-width:0}.player-emblem{width:45px;height:45px;border-radius:4px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--gold);font:32px Georgia}.player-title strong{font-size:12px;font-weight:500;display:block}.player-title span:not(.player-emblem){display:block;font-size:9px;color:var(--muted);margin-top:4px}.play-controls{display:flex;align-items:center;justify-content:center;gap:16px}.play-controls .icon-button{width:28px;height:28px}.play-controls .icon-button svg{width:16px;height:16px}.play-button{display:flex;align-items:center;justify-content:center;background:var(--deep);color:#f5f1e4;border-radius:50%;width:39px;height:39px;flex-shrink:0}.play-button svg{width:18px;height:18px}.play-button:hover{background:#275549}.play-controls select{width:43px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;appearance:none;text-align:center}.play-controls .icon-button[aria-pressed=true]{color:var(--gold);background:var(--soft)}.timeline{display:flex;align-items:center;gap:11px;margin-top:7px}.timeline span{font-size:8px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:24px}.timeline input{width:100%;height:3px;cursor:pointer;accent-color:var(--gold)}.reciter-control{justify-self:end;min-width:0}.reciter-control label{display:block;font-size:7px;letter-spacing:1.6px;color:var(--muted);margin-bottom:6px}.reciter-control select{background:transparent;color:var(--text);border:0;font-size:10px;width:100%;max-width:220px;padding:0 14px 0 0;cursor:pointer}.mobile-chapter{display:none}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:30px;width:min(500px,calc(100% - 32px));max-height:80dvh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#10281ecc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.dialog-heading h2{font:500 31px/1.1 'Cormorant Garamond',serif;margin:0}.dialog-intro{font-size:12px;color:var(--muted)}dialog p{font-size:12px;line-height:1.9;color:var(--muted)}dialog a{text-decoration:underline}.field-label{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin:25px 0 10px}.field-select{width:100%;background:var(--paper);color:var(--text);border:1px solid var(--line);padding:12px;border-radius:4px;font-size:12px}#arabic-size{width:100%;accent-color:var(--deep)}.font-sample{font:var(--arabic-size)/2 'Amiri Quran',serif;text-align:center;color:var(--ink);margin:15px 0}.small-note{font-size:10px!important;color:var(--muted)}.dedication-large{font:27px/2.1 'Amiri Quran',serif;margin:20px 0;text-align:center;color:var(--ink)}#read-fatiha{margin-top:14px}.saved-row{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.saved-go{flex:1;text-align:left}.saved-go strong{font-size:12px;display:block;font-weight:500}.saved-go span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.empty-state{text-align:center;padding:30px 10px;color:var(--muted);font-size:12px}.toast{position:fixed;bottom:120px;left:50%;transform:translate(-50%,15px);background:var(--deep);color:#fffbea;border:1px solid #b0946066;border-radius:5px;padding:11px 20px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading{padding:35px;text-align:center;font-size:12px;color:var(--muted)}.load-error{text-align:center;padding:35px}.load-error p{font-size:12px;color:var(--muted)}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--deep);color:white;padding:12px}.skip-link:focus{top:10px}.noscript{position:fixed;bottom:10px;left:10px;right:10px;z-index:101;padding:20px;background:var(--surface);border:2px solid var(--gold)}[hidden]{display:none!important}
/* A quiet evening palette. */
html[data-theme=dark]{--paper:#14261f;--surface:#1b3027;--ink:#e2e6d9;--text:#dae0d4;--muted:#aab4a6;--line:#34483c;--soft:#273e31;--gold:#c4a572;--deep:#183e35;color-scheme:dark}html[data-theme=dark] .view-tabs{background:var(--soft)}html[data-theme=dark] .primary,html[data-theme=dark] .play-button{background:#b89c6a;color:#14261f}html[data-theme=dark] .surah-item.active .surah-number{background:#b89c6a;color:#14261f}html[data-theme=dark] .chapter-heading{background:var(--surface)}
@media(min-width:1600px){.hero{min-height:400px}.hero-copy{padding:47px 0}.hero-art{margin-left:65px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.reading-space{grid-template-columns:222px minmax(0,1fr);gap:26px}.hero-art{margin-left:20px}.hero{grid-template-columns:1.05fr .95fr}.player-inner{gap:22px}.surah-name-ar{max-width:62px;font-size:16px}.surah-item{gap:9px;padding-left:3px}.arabic-title{font-size:41px}.view-tabs button{padding:7px 10px}.settings-button{font-size:9px}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.site-header{height:84px;gap:15px}.brand{font-size:15px;letter-spacing:2px;gap:8px}.brand small{font-size:7px;letter-spacing:1.9px}.brand-mark{font-size:39px}nav{gap:16px}nav a,nav button{font-size:10px}nav button#about-nav{display:none}#saved-count{display:none}.hero{min-height:330px;margin-bottom:32px}.hero-copy{padding:30px 0}.hero h1{font-size:49px}.hero-art{min-height:270px;margin:20px 0 20px 16px}.arabic-title{font-size:33px}.art-caption{font-size:8px;letter-spacing:2px}.art-footer{font-size:6px;letter-spacing:1.8px}.arch{inset:16px 16px 0}.arch-inner{inset:23px 23px 0}.hero-actions{gap:13px}.button{padding:9px 15px;gap:20px}.resume-button{font-size:9px}.hero p{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.4px}.reading-space{grid-template-columns:1fr}.surah-panel{display:none}.mobile-chapter{display:flex;align-items:center;gap:15px;margin-bottom:17px}.mobile-chapter label{font-size:10px;color:var(--muted)}.mobile-chapter select{padding:10px 30px 10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);flex:1;min-width:0;font-size:11px}.reader-toolbar{margin-bottom:15px}.player-inner{grid-template-columns:1fr 1.2fr;gap:20px;min-height:98px}.reciter-control{display:none}.player-emblem{width:37px;height:37px;font-size:28px}.player-title strong{font-size:11px}.play-controls{gap:13px}.site-footer{margin-top:32px;gap:20px;flex-wrap:wrap}.site-footer p{font-size:8px}.footer-brand{font-size:10px}.footer-brand span{font-size:17px}.site-footer button{font-size:9px}.toast{bottom:111px}body{padding-bottom:110px}}
@media(max-width:520px){.dedication{min-height:42px;font-size:15px;gap:13px}.dedication-star{font-size:14px}.site-header{height:80px}.site-header nav{gap:16px}.site-header nav a{display:none}.brand{font-size:14px}.brand small{font-size:6px;letter-spacing:2px}.site-header #theme-toggle{height:34px;width:34px}.hero{grid-template-columns:1fr;position:relative;min-height:355px;margin-bottom:28px;isolation:isolate}.hero-copy{padding:28px 0 28px;z-index:2;max-width:100%}.hero h1{font-size:56px;line-height:.99;margin:21px 0 18px}.hero p{font-size:11px;line-height:1.9;max-width:75%;margin-bottom:22px}.hero-art{position:absolute;right:-122px;top:35px;width:275px;height:285px;min-height:0;margin:0;opacity:.12;z-index:-1;transform:rotate(8deg);pointer-events:none}.art-center,.art-star{display:none}.hero-art:before{opacity:.4}.hero .eyebrow{font-size:7px;letter-spacing:1.9px}.hero-actions{gap:23px}.resume-button{font-size:10px}.hero-actions .primary{padding:10px 18px;gap:26px}.reader-toolbar{height:36px}.settings-button span:last-child{font-size:0}.settings-button span:last-child:after{content:'Settings';font-size:10px}.view-tabs button{font-size:9px;padding:7px 10px}.chapter-heading{padding:28px 16px 23px}.chapter-heading h2{font-size:35px}.chapter-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.chapter-actions{padding:12px 16px;gap:10px}.chapter-actions>span{font-size:6px;letter-spacing:.9px}.chapter-actions button{font-size:9px}.verse{padding:17px 20px 20px}.arabic{line-height:2.15}.translation{font-size:11px;line-height:1.9}.verse-toolbar{margin-bottom:6px}.player-inner{gap:8px;grid-template-columns:1fr 1.15fr;width:calc(100% - 28px)}.player-title{gap:8px}.player-title strong{font-size:10px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title span:not(.player-emblem){font-size:8px}.player-emblem{width:29px;height:33px;font-size:24px}.play-controls{gap:8px}.play-controls .icon-button{width:23px;height:26px}.play-controls select{width:26px;font-size:9px}.play-button{width:34px;height:34px}.timeline{gap:5px}.timeline span{font-size:7px;min-width:19px}.site-footer{align-items:flex-start}.site-footer p{max-width:180px}.site-footer button{flex-basis:100%;text-align:left;padding:0}.toast{font-size:11px;padding:10px 14px}dialog{padding:24px}.dialog-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Comfortable reading sizes on every screen. */
.translation{font-size:14px}.hero p{font-size:13px}nav a,nav button{font-size:12px}.surah-info strong{font-size:12px}.surah-info small{font-size:10px}.chapter-actions button{font-size:11px}.button{font-size:12px}.verse-ref{font-size:10px}.settings-button{font-size:11px}
@media(max-width:520px){.translation{font-size:13px}.hero p{font-size:12px}.verse-tools button{width:36px;height:36px}.chapter-actions button{font-size:10px}.button{font-size:11px}.settings-button{font-size:10px}}