.mushaf-wrap{gap:14px;padding-block:16px 40px;display:grid}.mbar{top:calc(env(safe-area-inset-top,0px) + 60px);z-index:5;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 85%, transparent);backdrop-filter:blur(12px);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-inline:auto;padding:8px 12px;display:flex;position:sticky}.mjump input{width:4.2em;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px 6px}.mbar select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px;max-width:11em;padding:3px 6px}.spread{touch-action:pan-y;justify-content:center;gap:0;padding-inline:12px;display:flex}.spread .mpage:first-child{border-radius:14px 4px 4px 14px}.spread .mpage:last-child{border-radius:4px 14px 14px 4px}.spread .mpage:only-child{border-radius:14px}.spread .mpage+.mpage{box-shadow:inset -12px 0 18px -16px color-mix(in srgb, var(--fg) 40%, transparent);border-inline-start:0}.legend,.wordinfo{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:8px;width:min(100%,1120px);margin-inline:auto;padding:14px 18px;scroll-margin-top:140px;font-size:.92rem;display:grid}.legend[hidden],.wordinfo[hidden]{display:none}.legend .lg{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.legend .small{margin:4px 0 0;font-size:.8rem}.wordinfo p{margin:0}.wordinfo .quran{font-size:1.5rem}.wordinfo ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.wordinfo li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sw{border-radius:50%;flex:none;align-self:center;width:12px;height:12px}.c2{background:#a3a5a5}.c3{background:#b50000}.c4{background:#ff7b00}.c5{background:#ce9e00}.c6{background:#09b000}.c8{background:#2fadff}.c9{background:#f40000}:root[data-theme=dark] .c2{background:#999}:root[data-theme=dark] .c3{background:#e30000}:root[data-theme=dark] .c4{background:#ff8e3b}:root[data-theme=dark] .c5{background:#ffc1e0}:root[data-theme=dark] .c6{background:#26b55d}:root[data-theme=dark] .c8{background:#00deff}:root[data-theme=dark] .c9{background:#ff5e8e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .c2{background:#999}:root:not([data-theme=light]) .c3{background:#e30000}:root:not([data-theme=light]) .c4{background:#ff8e3b}:root:not([data-theme=light]) .c5{background:#ffc1e0}:root:not([data-theme=light]) .c6{background:#26b55d}:root:not([data-theme=light]) .c8{background:#00deff}:root:not([data-theme=light]) .c9{background:#ff5e8e}}.hifz{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:10px;width:min(100%,1120px);margin-inline:auto;padding:12px 16px;display:grid}.hifz[hidden]{display:none}.hifz .small{margin:0;font-size:.8rem}.hz-levels{flex-wrap:wrap;gap:6px;display:flex}.hz-pages{gap:8px;display:grid}.hz-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hz-row .muted{font-size:.85rem}.hz-row .hz-drop{color:var(--muted);margin-inline-start:auto}.mlines .mw.hid{font-palette:--hidden;color:#0000;box-shadow:inset 0 -.06em 0 color-mix(in srgb, var(--muted) 45%, transparent)}.mw.shown{background:color-mix(in srgb, var(--gold) 14%, transparent)}.mnote{text-align:center;max-width:720px;margin-inline:auto;padding-inline:16px;font-size:.8rem}@media (width<=600px){.spread{padding-inline:6px}}