.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-content{display:flex;flex-direction:column;gap:clamp(16px,3vh,40px);width:100%;overflow-x:hidden;box-sizing:border-box}@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;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,#root{overflow-x:hidden}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}.MuiTextField-root input,.MuiOutlinedInput-input{font-size:16px!important;padding:12px 14px}}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}