.App-shell{display:flex;flex-direction:column;flex:1;width:100%;min-height:100dvh;box-sizing:border-box;overflow-x:clip}.App-content{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;box-sizing:border-box}@font-face{font-family:Lateef;src:url(/fonts/Lateef-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Scheherazade;src:url(/fonts/ScheherazadeNew-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:UthmanTN;src:url(/fonts/UthmanTN_v2-0.ttf) format("truetype");font-display:swap}@font-face{font-family:Othmani;src:url(/fonts/Othmani-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat/Caveat-wght.ttf) format("truetype");font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px;--bottom-nav-space: 0px}@supports (padding: env(safe-area-inset-top)){:root{--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left)}}html{overflow-x:hidden;scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{overflow-x:hidden}input,textarea,select{font-size:16px;font-family:inherit}.quran-text,[class*=quran]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"calt" 1,"liga" 1,"kern" 1}@media(min-width:900px){.quran-text,[class*=quran]{text-rendering:optimizeLegibility}}.mention-dropdown{position:absolute;z-index:2000;min-width:180px;padding:6px;border-radius:12px;background:var(--surface-overlay, #ffffff);color:var(--surface-text, inherit);border:1px solid var(--surface-border, rgba(148, 163, 184, .24));box-shadow:var(--overlay-shadow, 0 12px 32px rgba(15, 23, 42, .22));-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px)}.mention-list{display:flex;flex-direction:column;gap:4px}.mention-item{border:none;background:transparent;text-align:start;padding:8px 10px;border-radius:8px;cursor:pointer;font:inherit;font-size:.875rem;color:inherit}.mention-item.is-selected,.mention-item:hover{background:var(--accent-soft, rgba(59, 130, 246, .14))}.mention-item.empty{cursor:default;opacity:.65}