body{font-size:18px}main{max-width:1250px;padding-inline:40px}main>header,.aside-note{display:none}aside{width:220px}main{margin-left:220px}.brand small{font-size:12px}nav button{font-size:18px;min-height:56px}nav button span{font-size:25px}.simple-intro{padding:30px 0 20px}.simple-intro h1{font-size:30px;margin-bottom:6px}.simple-intro p{font-size:18px;color:var(--muted);margin:0}.simple-picker>label{display:block;font-size:18px;margin-bottom:10px}.simple-picker>select{width:100%;font:inherit;font-size:20px;min-height:58px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.simple-find{margin:12px 0 20px}.simple-find summary,.simple-options summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:17px;color:var(--ink)}.simple-find>label{display:grid;gap:10px;margin:12px 0}.simple-find input[type=search]{font:inherit;padding:14px;border:1px solid var(--line);border-radius:10px;width:100%}.simple-find .favorites-filter{display:flex;font-size:17px}.simple-options{margin-bottom:24px;border-block:1px solid var(--line)}.simple-option-buttons{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0 20px}.simple-option-buttons button{font-size:17px;min-height:48px}.simple-layout{display:block!important}.simple-layout .surah-heading{padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.simple-layout .surah-heading h2{font-size:28px}.simple-layout .surah-heading>span{color:var(--muted);font-size:17px}.simple-layout .verse-arabic{font-size:36px;line-height:2.15}.simple-layout.large-type .verse-arabic{font-size:46px}.simple-layout .verse-ref,.simple-layout .verse-meaning-button{font-size:17px}.simple-layout .verse-meaning-button{min-height:48px}.simple-layout .verse-translation p{font-size:19px;line-height:1.9}.simple-layout .verse-top{gap:12px}.simple-layout .verse-block{padding:20px 26px}.quick-meaning{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0 4px;padding:14px 16px;background:#edf3e8;border-radius:10px;color:var(--ink);border:1px solid var(--line)}.quick-meaning[hidden]{display:none}.quick-meaning-text{flex:1;min-width:130px;overflow-wrap:anywhere}.quick-meaning-text span{display:block;font-size:14px;color:var(--muted);margin-bottom:3px}.quick-meaning-text strong{font-size:20px;font-weight:600;line-height:1.6}.quick-meaning button{font-size:16px;min-height:44px;padding:8px 4px}.simple-layout .word-inspector,.simple-layout .word-inspector.has-selection{position:static!important;inset:auto!important;max-height:none!important;overflow:visible!important;width:auto!important;margin:0 0 20px;box-shadow:none!important}.simple-layout .word-gloss{font-size:17px;max-width:230px}.simple-layout .qword-wrap.pinned .word-gloss{visibility:hidden;opacity:0}.simple-layout.words .word-gloss{visibility:visible;opacity:1;font-size:17px}.simple-learning-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.simple-learning-links button,.source-button,.reader-source-line .text-button{font-size:16px;min-height:48px}.surah-paging .secondary{font-size:18px;min-height:50px}.reader-source-line{margin-top:20px}.study-inspector .inspector-close{font-size:28px;min-width:48px;min-height:48px}[data-theme=night] .quick-meaning{background:var(--soft)}[data-theme=night] .simple-picker>select,[data-theme=night] .simple-find input{background:var(--surface);color:var(--ink)}
@media(hover:none){.simple-layout:not(.words) .word-gloss{display:none!important}}
@media(max-width:900px){aside{width:185px;padding-inline:15px}main{margin-left:185px;padding-inline:24px}}
@media(max-width:760px){aside{width:100%;height:auto;padding:8px 12px;inset:auto 0 0;z-index:50}.brand,aside>.source-button{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}nav button{font-size:16px;min-height:58px;padding:8px 4px;justify-content:center}nav button span{font-size:22px}main{margin:0;padding:0 16px 95px}.simple-intro{padding-top:24px}.simple-layout .verse-block{padding:16px}.simple-layout .verse-arabic{font-size:32px}.simple-layout.large-type .verse-arabic{font-size:42px}.simple-layout .surah-heading{padding:20px 16px}.simple-layout .verse-ref,.simple-layout .verse-meaning-button{font-size:16px}.simple-option-buttons{display:grid;grid-template-columns:1fr;width:100%}.simple-option-buttons button{text-align:left;justify-content:flex-start}.simple-layout .memory-study{padding-inline:16px}.quick-meaning{gap:8px 14px;padding:12px}.quick-meaning-text{flex-basis:100%}.quick-meaning button:last-child{margin-left:auto}.simple-layout .verse-translation p{font-size:18px}.surah-paging{gap:10px;padding-inline:16px}.surah-paging .secondary{padding:12px;font-size:16px}}
/* Contemporary reading shell: clear hierarchy, quiet surfaces, persistent navigation. */
:root{--ink:#182b38;--green:#12645d;--muted:#586b77;--line:#dce4ea;--lime:#d2eee7;--bg:#f3f6f9;--surface:#fff;--soft:#eaf4f2}body{font-size:16px}aside{width:224px;padding:30px 20px;background:var(--surface)}main{margin-left:224px;max-width:1220px;padding:0 44px 40px}.brand{font-size:27px}.brandmark{border-radius:14px;color:white}.brand small{font-size:11px}nav{gap:8px;margin-top:42px}nav button{min-height:52px;border-radius:12px;gap:13px;padding:13px 15px}nav button svg{width:23px;height:23px;flex-shrink:0}nav button .nav-label{font-size:16px;font-weight:600;min-width:0}nav button.active{background:var(--soft);color:var(--green)}.simple-intro,.intro{padding:32px 0 24px}.simple-intro h1,.intro h1{font-size:30px;letter-spacing:-.7px}.simple-intro p,.intro p{font-size:16px}.simple-picker{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:20px}.simple-picker>label{font-size:14px;font-weight:600;margin-bottom:8px}.simple-picker>select{font-size:17px;min-height:48px;background:var(--bg);border-radius:10px;padding:10px 12px}.simple-find{margin:8px 0 0}.simple-find summary{font-size:14px;min-height:40px;padding:10px 0;color:var(--green)}.simple-find>label{font-size:14px}.reading-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px;background:#e5ebef;border-radius:12px;margin:0 0 22px}.reading-tabs button{background:transparent;border:0;border-radius:8px;padding:12px 5px;min-height:46px;font-size:15px;color:var(--muted)}.reading-tabs button[aria-pressed=true]{background:var(--surface);color:var(--green);font-weight:600;box-shadow:0 2px 6px #182b3810}.mushaf-panel{border-radius:18px;background:var(--surface)}.simple-layout .surah-heading{padding:20px 24px}.simple-layout .surah-heading h2{font-size:25px}.surah-meta{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}.favorite-toggle,.favorite-remove{border:0;background:transparent;color:var(--green);font-size:28px;min-width:46px;min-height:46px;border-radius:10px}.favorite-toggle[aria-pressed=true]{background:var(--soft)}.simple-layout .verse-ref,.simple-layout .verse-meaning-button{font-size:14px}.simple-layout .verse-meaning-button{min-height:44px}.simple-layout .verse-block{padding:20px 24px}.simple-layout .verse-arabic{font-size:34px;line-height:2.1}.simple-layout .verse-translation p{font-size:17px}.quick-meaning{background:var(--soft);border:0;border-left:3px solid var(--green);border-radius:8px}.quick-meaning-text strong{font-size:18px}.quick-meaning button{font-size:14px}.page-kicker{display:block;color:var(--green);font-size:12px;letter-spacing:1.4px;margin-bottom:10px;font-weight:600}.favorite-list{display:grid;gap:12px}.favorite-list article{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding-right:12px}.favorite-open{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-align:left;background:none;border:0;color:var(--ink);padding:18px}.surah-number{display:grid;place-items:center;background:var(--soft);color:var(--green);width:44px;height:44px;border-radius:12px;flex-shrink:0;font-size:15px}.favorite-open strong{display:block;font-size:17px;font-weight:600}.favorite-open small{display:block;margin-top:5px;color:var(--muted);font-size:14px}.row-chevron{margin-left:auto;color:var(--muted);font-size:24px}.empty-favorites{text-align:center;padding:40px 24px}.empty-star{font-size:44px;color:var(--green)}.empty-favorites h2{margin-top:14px}.empty-favorites p{color:var(--muted)}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-top:1px solid var(--line)}.setting-row:first-child{border-top:0}.setting-row h2{font-size:17px;letter-spacing:0}.setting-row p{color:var(--muted);font-size:14px;margin:6px 0 0}.setting-row .secondary{font-size:14px;min-height:44px;white-space:nowrap}.type-sample{padding:6px 24px 26px;text-align:center;font-family:Amiri,serif;font-size:30px;line-height:2;overflow-wrap:anywhere}.type-sample.is-large{font-size:40px}.setting-switch{width:52px;height:32px;padding:4px;flex-shrink:0;background:#73838e;border:0;border-radius:20px}.setting-switch span{display:block;height:24px;width:24px;background:white;border-radius:50%;transition:transform .15s}.setting-switch[aria-checked=true]{background:var(--green)}.setting-switch[aria-checked=true] span{transform:translateX(20px)}.settings-note{font-size:14px;color:var(--muted);margin-top:20px}.simple-learning-links button{font-size:14px}.primary,.secondary{min-height:44px;font-size:15px}.lesson strong{font-size:16px}.lesson small,.hero p,.panel p{font-size:14px}footer{font-size:13px;color:var(--muted)}:focus-visible{outline:3px solid #22857d!important;outline-offset:3px}button{touch-action:manipulation}
[data-theme=night]{--surface:#172a32;--bg:#101e26;--ink:#edf3f6;--muted:#b2c3cd;--line:#344a55;--green:#9bd9cb;--soft:#263e45}[data-theme=night] aside,[data-theme=night] .settings-card,[data-theme=night] .favorite-list article,[data-theme=night] .simple-picker,[data-theme=night] .mushaf-panel{background:var(--surface)}[data-theme=night] .reading-tabs{background:var(--soft)}[data-theme=night] .reading-tabs button[aria-pressed=true]{background:var(--surface)}[data-theme=night] .setting-switch[aria-checked=true]{background:var(--green)}[data-theme=night] .brandmark{background:var(--green)}
@media(max-width:900px){aside{width:190px;padding-inline:14px}main{margin-left:190px;padding-inline:24px}}
@media(max-width:760px){aside{width:100%;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);border-right:0;box-shadow:0 -4px 20px #182b3806}nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0}nav button{flex-direction:column;gap:5px;min-height:60px;padding:7px 1px;border-radius:10px}nav button svg{width:22px;height:22px}nav button .nav-label{font-size:14px;letter-spacing:-.4px;font-weight:500}main{margin:0;padding:0 16px calc(104px + env(safe-area-inset-bottom))}.simple-intro,.intro{padding:24px 0 20px}.simple-intro h1,.intro h1{font-size:28px}.simple-picker{padding:14px 16px;margin-bottom:16px}.reading-tabs{margin-bottom:18px}.reading-tabs button{font-size:14px}.simple-layout .surah-heading{padding:14px 16px}.simple-layout .surah-heading h2{font-size:23px}.simple-layout .verse-block{padding:16px}.simple-layout .verse-arabic{font-size:32px}.simple-layout.large-type .verse-arabic{font-size:42px}.simple-layout .verse-top{gap:8px}.setting-row{padding:20px 16px;gap:12px}.setting-row h2{font-size:16px}.type-sample{padding-inline:16px}.simple-layout .verse-translation p{font-size:17px}.favorite-open{padding:16px 12px;gap:12px}.surah-paging .secondary{font-size:14px}.quick-meaning-text strong{font-size:18px}.simple-learning-links{gap:8px}.simple-learning-links button{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}