:root{--shell-side:17rem;--shell-gap:0.5rem;--shell-inset-radius:0.625rem}body:has(.side){background-color:var(--surface-sunken)}.shell-inset{margin:var(--shell-gap);border:1px solid var(--border-subtle);border-radius:var(--shell-inset-radius);background-color:var(--surface)}.shell-bar{container:shellbar/inline-size;display:flex;align-items:center;gap:.4rem;width:100%;min-height:2.25rem;font-size:.8rem;color:var(--fg-muted)}.shell-bar__spacer{flex:1 1 auto}.reader.shell-inset{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100dvh - 2 * var(--shell-gap))}.reader.shell-inset>.shell-bar{flex:none;padding-inline:1rem}.reader__body{display:flex;flex:1 1 auto;align-items:flex-start;width:100%;min-height:0}.reader.shell-inset>.reader__body>.reader__main{padding-block:.75rem .6875rem}@media (min-width:1180px){.reader.shell-inset>.reader__body>.reader__panel{inset-block-start:calc(var(--shell-gap) + 2.25rem);max-height:calc(100dvh - 2 * var(--shell-gap) - 2.25rem);border-end-end-radius:var(--shell-inset-radius)}}.app{display:flex;flex-direction:column;min-height:calc(100dvh - 2 * var(--shell-gap))}.app__bar{padding-inline:1rem}.app__bar .shell-bar{min-height:2.75rem}.app__main{flex:1 1 auto;width:100%;margin-inline:auto;padding:2rem 1rem}.app__main--narrow{max-width:48rem}.app__main--wide{max-width:72rem}.crumbs{overflow:hidden;flex:0 1 auto;min-width:0}.crumbs,.crumbs__list{display:flex;align-items:center}.crumbs__list{gap:.1rem;margin:0;padding:0;list-style:none}.crumbs__item{display:flex;overflow:hidden;flex:0 1 auto;align-items:center;min-width:0;white-space:nowrap}.crumbs__item[data-last=true]{flex:0 1 auto;min-width:4rem}.crumbs__item+.crumbs__item:before{content:"/";padding-inline:.3rem;color:var(--border-strong)}.crumbs__here,.crumbs__link{display:block;overflow:hidden;min-width:0;max-width:12rem;padding:.2rem .15rem;font-size:.8rem;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.crumbs__link{color:var(--fg-muted)}.crumbs__link:hover{color:var(--fg);text-decoration:underline}.crumbs__here{color:var(--fg);font-weight:600}.side{position:fixed;z-index:45;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;gap:.7rem;width:var(--shell-side);padding:.7rem .55rem;visibility:hidden;transform:translateX(-100%);background-color:var(--surface-sunken);color:var(--fg);border-inline-end:1px solid var(--border-subtle);box-shadow:6px 0 28px rgb(0 0 0/.16)}:root[data-sidebar=open] .side{visibility:visible;transform:none}.side__scrim{position:fixed;z-index:44;inset:0;display:none;background-color:rgb(0 0 0/.28)}:root[data-sidebar=open] .side__scrim{display:block}.side__head{flex:none;padding:.15rem .35rem .1rem}.side__brand,.side__head{display:flex;align-items:center}.side__brand{overflow:hidden;gap:.55rem;min-width:0;text-decoration:none}.side__brand:hover .side__brand-line{color:var(--fg-muted)}.side__brand-mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:var(--lux-radius);background-color:var(--lux-ink);color:var(--lux-ink-fg);font-size:.95rem}.side__brand-lines{display:flex;overflow:hidden;flex-direction:column;min-width:0}.side__brand-name{color:var(--fg);font-size:.6875rem;font-weight:600;letter-spacing:var(--lux-tracking-caption);text-transform:uppercase}.side__brand-line,.side__brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side__brand-line{color:var(--fg-subtle);font-size:.7rem;line-height:1.3}.side__top{display:flex;flex:none;flex-direction:column;gap:.35rem}.side .shell-popover{display:block;width:100%}.switcher__row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);cursor:pointer;list-style:none}.switcher__row::-webkit-details-marker{display:none}.shell-popover[open]>.switcher__row,.switcher__row:hover{border-color:var(--border-strong)}.switcher__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:calc(var(--lux-radius) - .125rem);background-color:var(--surface-sunken);color:var(--fg-muted);font-size:.85rem}.switcher__lines{display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column;min-width:0}.switcher__name{color:var(--fg);font-size:.8125rem;font-weight:600}.switcher__line,.switcher__name{overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.switcher__line{color:var(--fg-subtle);font-size:.6875rem}.switcher__chevron{flex:none;color:var(--fg-subtle);font-size:.9rem}.side__search{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);color:var(--fg-muted);cursor:pointer}.side__search:hover{border-color:var(--border-strong);color:var(--fg)}.side__search-icon{flex:none;font-size:.95rem}.side__search-label{flex:1 1 auto;font-size:.8125rem;text-align:start}.side__keys{flex:none;padding:.1rem .3rem;border-radius:calc(var(--lux-radius) - .125rem);background-color:var(--surface-sunken);color:var(--fg-subtle);font-family:inherit;font-size:.6875rem;letter-spacing:0}.side__nav{display:flex;overflow-y:auto;flex:1 1 auto;flex-direction:column;gap:.05rem;min-height:0}.side__control,.side__item{display:flex;flex:none;align-items:center;gap:.5rem;padding:.4rem .5rem;border:1px solid transparent;border-radius:var(--lux-radius);color:var(--fg-muted);text-decoration:none;cursor:pointer;list-style:none}.side__control::-webkit-details-marker{display:none}.shell-popover[open]>.side__control,.side__control:hover,.side__item:hover{background-color:var(--surface);color:var(--fg)}.side__icon{flex:none;font-size:.95rem}.side__label{flex:1 1 auto;overflow:hidden;font-size:.8125rem;text-align:start;text-overflow:ellipsis;white-space:nowrap}.side__chevron{flex:none;color:var(--fg-subtle);font-size:.85rem}.side__item[aria-current=page]{border-color:transparent;background-color:var(--lux-field);color:var(--fg);font-weight:600}.side__foot{display:flex;flex:none;flex-direction:column;gap:.15rem;margin-inline:-.55rem;padding:.5rem .55rem 0;border-top:1px solid var(--border-subtle)}.side__note{padding:.25rem .5rem .4rem;color:var(--fg-subtle);font-size:.7rem;line-height:1.4}@media (min-width:1280px){:root:not([data-sidebar=closed]) .side{visibility:visible;transform:none}.side{border-inline-end:0;box-shadow:none}:root:not([data-sidebar=closed]) body:has(.side){padding-inline-start:var(--shell-side)}:root[data-sidebar=open] .side__scrim{display:none}}.shell-rail{position:fixed;z-index:46;inset-block:0;inset-inline-start:0;display:none;width:1rem;padding:0;border:0;background:none;cursor:pointer}@media (min-width:1280px){.shell-rail{display:block}:root:not([data-sidebar=closed]) .shell-rail{inset-inline-start:var(--shell-side);margin-inline-start:calc(var(--shell-gap) - .5rem)}}.shell-rail__line{--rail-ink:var(--border-strong);position:absolute;inset-block:calc(var(--shell-gap) + var(--shell-inset-radius));inset-inline-start:50%;width:2px;margin-inline-start:-1px;border-radius:999px;background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--rail-ink) 55%,transparent) 25%,var(--rail-ink) 50%,color-mix(in srgb,var(--rail-ink) 55%,transparent) 75%,transparent 100%);opacity:0;transition:opacity .14s ease-out}.shell-rail:focus-visible .shell-rail__line,.shell-rail:hover .shell-rail__line{opacity:1}.shell-rail:focus-visible{outline:none}.shell-rail:focus-visible .shell-rail__line{--rail-ink:var(--lux-ink)}.shell-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid transparent;border-radius:var(--lux-radius);color:var(--fg-muted);font-size:1rem;cursor:pointer}.shell-toggle:hover{background-color:var(--lux-field);color:var(--fg)}.palette__scrim{position:fixed;z-index:60;inset:0;background-color:rgb(0 0 0/.32)}.palette{position:fixed;z-index:61;inset-block-start:14vh;inset-inline-start:50%;display:flex;flex-direction:column;width:min(40rem,calc(100vw - 2rem));max-height:72vh;transform:translateX(-50%);border:1px solid var(--border-subtle);border-radius:var(--shell-inset-radius);background-color:var(--surface);box-shadow:0 24px 64px rgb(0 0 0/.28)}.palette__field{display:flex;flex:none;align-items:center;gap:.75rem;padding:0 1.1rem;border-bottom:1px solid var(--border-subtle)}.palette__glyph{flex:none;color:var(--fg-subtle);font-size:1.4rem;line-height:1}.palette__input{flex:1 1 auto;min-width:0;padding:1.15rem 0;border:0;border-radius:0;background-color:transparent;color:var(--fg);font-size:1.4rem;font-variant-numeric:tabular-nums;line-height:1.2}.palette__input:focus{outline:none}.palette__input::placeholder{color:var(--fg-subtle)}.palette__results{overflow-y:auto;flex:1 1 auto;margin:0;padding:.4rem;list-style:none}.palette__example,.palette__option{display:flex;align-items:baseline;gap:.75rem;padding:.65rem .8rem;border-radius:var(--lux-radius)}.palette__option{cursor:pointer}.palette__option[data-active=true]{background-color:var(--lux-field)}.palette__label{flex:none;color:var(--fg);font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.palette__example .palette__label{color:var(--fg-muted);font-family:var(--font-mono-stack);font-size:.9rem;font-weight:500}.palette__hint{flex:1 1 auto;min-width:0;color:var(--fg-subtle);font-size:.8125rem;text-align:end}.palette__foot{display:flex;flex:none;align-items:center;gap:.3rem;padding:.5rem 1.1rem;border-top:1px solid var(--border-subtle);color:var(--fg-subtle);font-size:.75rem}.palette__foot[role=alert]{color:var(--mark-red)}.palette__foot kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;padding:.1rem .25rem;border-radius:calc(var(--lux-radius) - .125rem);background-color:var(--surface-sunken);color:var(--fg-muted);font-family:inherit;font-size:.7rem}.palette__foot-gap{width:.75rem}.palette__working{color:var(--fg-muted)}.pager{container:pager/inline-size;display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:var(--mushaf-column,100%);min-width:min(100%,26rem);margin-inline:auto;font-size:.75rem}.pager__turn{display:inline-flex;flex:0 1 auto;align-items:center;gap:.25rem;padding:.15rem .4rem;border-radius:var(--lux-radius);color:var(--fg-muted);text-decoration:none;white-space:nowrap}a.pager__turn:hover{background-color:var(--surface-raised);color:var(--fg)}.pager__turn--none{color:var(--fg-subtle)}.pager__chevron{font-size:.875rem}.pager__where{display:inline-flex;overflow:hidden;flex:0 1 auto;align-items:baseline;gap:.4rem;min-width:0;padding:.1rem .6rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);color:var(--fg-muted);white-space:nowrap;cursor:pointer}.pager__where:hover{border-color:var(--border-strong);background-color:var(--surface-raised)}.pager__page{color:var(--fg);font-weight:600;font-variant-numeric:tabular-nums}.pager__meta{display:inline-flex;overflow:hidden;align-items:baseline;gap:.3rem;min-width:0;color:var(--fg-subtle);text-overflow:ellipsis}.pager__meta>*+:before{content:"·";padding-inline-end:.3rem}.pager__of{font-variant-numeric:tabular-nums}.pager__surah{overflow:hidden;max-width:12rem;text-overflow:ellipsis}.visit__bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border-subtle);background-color:var(--surface)}.visit__brand{color:var(--fg);font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}.visit__note{color:var(--fg-subtle);font-size:.75rem}.shell-chip{display:inline-flex;flex:0 1 auto;align-items:center;gap:.35rem;min-width:0;padding:.25rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface);color:var(--fg-muted);font-size:.75rem;line-height:1.2;white-space:nowrap;cursor:pointer}.shell-chip:hover{background-color:var(--surface-raised);color:var(--fg)}.shell-chip__name{overflow:hidden;max-width:12rem;text-overflow:ellipsis}.shell-chip--live{border-color:color-mix(in srgb,var(--mark-green) 45%,var(--border-subtle));color:var(--fg)}.shell-dot{display:inline-block;flex:none;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--fg-subtle)}.shell-dot[data-state=live]{background-color:var(--mark-green)}.shell-dot[data-state=connecting]{background-color:var(--mark-gold)}.shell-popover{flex:none}.shell-popover>summary{list-style:none}.shell-popover>summary::-webkit-details-marker{display:none}.shell-popover__summary{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border:1px solid transparent;border-radius:var(--radius-control);color:var(--fg-muted);font-size:.75rem;line-height:1.2;white-space:nowrap;cursor:pointer;list-style:none}.shell-popover__summary::-webkit-details-marker{display:none}.shell-popover__summary .tabler-icon{font-size:.9rem}.shell-popover__summary:hover{background-color:var(--surface-raised);color:var(--fg)}.shell-popover[open]>.shell-popover__summary{border-color:var(--border-strong);background-color:var(--surface);color:var(--fg)}.shell-popover__panel{position:fixed;z-index:50;overflow-y:auto;min-width:min(max(14rem,var(--popover-trigger,0px)),calc(100vw - 1.5rem));max-width:min(22rem,calc(100vw - 1.5rem));padding:.5rem;border:1px solid var(--border-subtle);border-radius:var(--radius-panel);background-color:var(--surface);box-shadow:0 8px 24px rgb(0 0 0/.14);color:var(--fg);font-size:.8rem;text-align:start;overscroll-behavior:contain}.shell-popover__panel[data-placed=false]{visibility:hidden}.shell-popover__title{padding:.15rem .4rem .35rem;color:var(--fg-subtle);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.shell-popover__rule{margin:.35rem 0;border:0;border-top:1px solid var(--border-subtle)}.shell-menu,.shell-menu__item{display:flex;flex-direction:column;gap:.1rem}.shell-menu__item{padding:.35rem .4rem;border-radius:var(--radius-control);color:var(--fg);text-align:start;text-decoration:none;cursor:pointer}.shell-menu__item:hover{background-color:var(--surface-raised)}.shell-menu__item[aria-current=page]{background-color:var(--surface-sunken);font-weight:600}.shell-menu__row{display:flex;align-items:center;gap:.5rem}.shell-menu__icon{flex:none;color:var(--fg-muted);font-size:.95rem}.shell-menu__chevron{flex:none;margin-inline-start:auto;color:var(--fg-subtle);font-size:.85rem}.shell-menu__hint,.shell-menu__note{color:var(--fg-subtle);font-size:.7rem}.shell-menu__note{padding:.2rem .4rem .35rem;line-height:1.4}.shell-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:50%;background-color:var(--surface-sunken);color:var(--fg-muted);font-size:.65rem;font-weight:600;letter-spacing:.02em}.shell-avatar[data-self=true]{background-color:color-mix(in srgb,var(--accent) 18%,var(--surface-sunken));color:var(--fg)}.shell-signout{display:flex;align-items:center;gap:.5rem;width:100%;padding:.35rem .4rem;border-radius:var(--radius-control);color:var(--fg);text-align:start;cursor:pointer}.shell-signout:hover{background-color:var(--surface-raised)}.account__block{display:flex;align-items:center;gap:.55rem;width:100%;padding:.4rem .45rem;border:1px solid transparent;border-radius:var(--lux-radius);text-decoration:none;cursor:pointer;list-style:none}.account__block::-webkit-details-marker{display:none}.account__block:hover,.shell-popover[open]>.account__block{border-color:var(--border-subtle);background-color:var(--surface)}.account__avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:var(--lux-radius);background-color:var(--lux-ink);color:var(--lux-ink-fg);font-size:.6875rem;font-weight:600;letter-spacing:.04em}.account__lines{display:flex;overflow:hidden;flex:1 1 auto;flex-direction:column;min-width:0}.account__name{color:var(--fg);font-size:.8125rem;font-weight:600}.account__email,.account__name{overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.account__email{color:var(--fg-subtle);font-size:.6875rem}.account__block--waiting .account__avatar{background-color:var(--surface);border:1px solid var(--border-subtle)}.account__block--in .account__avatar{background-color:var(--surface);border:1px solid var(--border-strong);color:var(--fg);font-size:.95rem}.account__chevron{flex:none;color:var(--fg-subtle);font-size:.9rem}.appearance__group{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:0;border:0}.appearance__group+.appearance__group{margin-block-start:.6rem}.appearance__legend{padding:0;color:var(--fg-subtle);font-size:.625rem;font-weight:600;letter-spacing:var(--lux-tracking-caption);text-transform:uppercase}.appearance__row{display:flex;flex-wrap:wrap;gap:.3rem}.appearance__choice{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;border:1px solid var(--border-subtle);border-radius:var(--lux-radius);background-color:var(--surface);color:var(--fg-muted);font-size:.75rem;cursor:pointer}.appearance__choice:hover{border-color:var(--border-strong);color:var(--fg)}.appearance__choice[aria-pressed=true]{border-color:var(--lux-ink);background-color:var(--lux-ink);color:var(--lux-ink-fg);font-weight:600}.appearance__glyph{font-size:.9rem}.appearance__hint{color:var(--fg-subtle);font-size:.7rem;line-height:1.4}.presence{gap:.25rem}.presence,.presence__faces{display:inline-flex;align-items:center}.presence__faces{flex-direction:row-reverse;padding-inline-end:.25rem}.presence__faces>*{margin-inline-end:-.4rem;box-shadow:0 0 0 2px var(--surface)}.presence__list{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none}.presence__person{display:flex;align-items:center;gap:.5rem;padding:.2rem .4rem}.presence__name{flex:1 1 auto;overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.presence__where{flex:none;color:var(--fg-muted);font-size:.7rem;font-variant-numeric:tabular-nums}.presence__follow,.presence__role{flex:none;color:var(--fg-subtle);font-size:.7rem}.presence__follow{padding:.1rem .3rem;border:1px solid transparent;border-radius:var(--radius-control);background:none;cursor:pointer}.presence__follow:focus-visible,.presence__follow:hover{color:var(--fg);background-color:var(--surface-raised)}.presence__follow[aria-pressed=true]{border-color:var(--border-subtle);color:var(--fg);font-weight:600}.shell-button{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface);color:var(--fg);font-size:.75rem;cursor:pointer}.shell-button:hover{background-color:var(--surface-raised)}.shell-button[aria-pressed=true]{border-color:var(--border-strong);background-color:var(--surface-sunken);font-weight:600}.shell-button:disabled{opacity:.55;cursor:not-allowed}.shell-button--primary{border-color:transparent;background-color:var(--accent);color:var(--accent-fg);font-weight:600}.shell-button--primary:hover{background-color:var(--accent-hover)}.share-form{gap:.5rem}.share-form,.share-form__layers{display:flex;flex-direction:column}.share-form__layers{gap:.25rem;margin:0;padding:0;border:0}.share-form__layer{padding:.15rem .4rem}.share-form__layer,.share-form__link{display:flex;align-items:center;gap:.4rem}.share-form__url{flex:1 1 auto;min-width:0;padding:.3rem .4rem;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-sunken);color:var(--fg);font-family:var(--font-mono-stack);font-size:.7rem}.share-form__note{color:var(--fg-subtle);font-size:.7rem;line-height:1.4}.shell-popover__panel a:not(.shell-menu__item):not(.shell-button){color:var(--accent)}.shell-error{color:var(--mark-red);font-size:.7rem;line-height:1.4}@container shellbar (max-width: 30rem){.shell-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crumbs__here,.crumbs__link{max-width:8rem}}@container shellbar (max-width: 24rem){.crumbs__item:not([data-last=true]){display:none}.crumbs__here,.crumbs__link{max-width:7rem}}@container pager (max-width: 26rem){.pager__of,.pager__surah{display:none}.pager__turn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}