.App-shell{display:flex;flex-direction:column;gap:clamp(20px,4vh,48px);flex:1;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.App-shell.fullscreen{gap:0}.App-content{display:flex;flex-direction:column;gap:clamp(16px,3vh,40px);width:100%;overflow-x:hidden;box-sizing:border-box}.App-content.fullscreen{gap:0}@media(max-width:600px){.App-shell{gap:18px}.App-content{gap:14px}}@font-face{font-family:Lateef;src:url(/fonts/Lateef-Regular.ttf) format("truetype")}@font-face{font-family:Scheherazade;src:url(/fonts/ScheherazadeNew-Regular.ttf) format("truetype")}@font-face{font-family:UthmanTN;src:url(/fonts/UthmanTN_v2-0.ttf) format("truetype")}@font-face{font-family:Othmani;src:url(/fonts/Othmani-Regular.ttf) format("truetype")}@font-face{font-family:Caveat;src:url(/fonts/caveat/Caveat-wght.ttf) format("truetype");font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 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)}}body{margin:0;min-width:320px;max-width:100vw;min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background-color .4s ease,color .3s ease;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mention-dropdown{position:absolute;z-index:2000;background:var(--mui-palette-background-paper, #ffffff);border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 8px 24px #0f172a2e;min-width:180px;padding:6px}.mention-list{display:flex;flex-direction:column;gap:4px}.mention-item{border:none;background:transparent;text-align:left;padding:6px 10px;border-radius:6px;cursor:pointer;font-size:.875rem}.mention-item.is-selected,.mention-item:hover{background:#3b82f61f}.mention-item.empty{cursor:default;color:#64748bcc}html{overflow-x:hidden}#root{overflow-x:hidden;min-height:100vh;min-height:100dvh}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px!important;-webkit-appearance:none;appearance:none;border-radius:0}@media(max-width:768px){button,input[type=button],input[type=submit],.MuiButton-root,.MuiIconButton-root{min-height:44px;min-width:44px}.MuiListItemButton-root{min-height:56px;padding-top:8px;padding-bottom:8px}.MuiTextField-root input,.MuiOutlinedInput-input{font-size:16px!important;padding:12px 14px}}@media(max-width:430px){.MuiDialog-paper,.MuiDrawer-paper{max-width:100vw}.MuiButton-root,.MuiIconButton-root,.MuiChip-root,.MuiTab-root,.MuiBottomNavigationAction-root{min-height:44px;min-width:44px}}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #1976d2;outline-offset:2px}ul{list-style-type:none;padding:0}.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:768px){.quran-text,[class*=quran]{text-rendering:optimizeLegibility;-webkit-text-stroke:.1px transparent}}[dir=rtl],.rtl-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.MuiPaper-root,.MuiCard-root,.MuiAppBar-root,.MuiBottomNavigation-root{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}@media(pointer:coarse){.MuiListItemButton-root:active,.MuiMenuItem-root:active{transform:scale(.98);transition:transform .1s ease}.MuiBottomNavigationAction-root{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.MuiBottomNavigationAction-root.Mui-selected{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}