@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzSBC45I.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iura6YBj_oCad4k1nzGBCw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 80px;--sidebar-expanded: 240px}:root .dark-theme{--dark-primary-color: #0a1d30;--dark-primary-dark: #0a1d30;--dark-primary-light: #0c2b48;--dark-accent-color: #f05223;--dark-audio-color: rgba(255, 255, 255, .05);--dark-text: #ffffff;--dark-card-bg: rgba(255, 255, 255, .1);--dark-card-hover: rgba(255, 255, 255, .2);--dark-side-gradient: linear-gradient( 180deg, #0a1d30 0%, #0c2b48 25.36%, #0c2b48 75.46%, #0a1d30 100% );--side-text: rgba(34, 220, 220, 1)}:root .light-theme{--dark-primary-color: #f5f7fa;--dark-primary-dark: #e4e7eb;--dark-primary-light: #ecf1f5;--dark-audio-color: #fff;--dark-accent-color: #f05223;--dark-text: #333333;--dark-card-bg: rgba(0, 0, 0, .05);--dark-card-hover: rgba(0, 0, 0, .1);--dark-side-gradient: linear-gradient( 180deg, #ffffff 0%, #ffffff 25.36%, #ffffff 75.46%, #ffffff 100% );--side-text: #007893}:root .dark-theme .view-light{display:none}:root .dark-theme .view-dark{display:block}:root .light-theme .view-light{display:block}:root .light-theme .view-dark{display:none}html[dir=ltr] .change-btn{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important;-moz-transform:scaleX(-1)!important;-ms-transform:scaleX(-1)!important;-o-transform:scaleX(-1)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:var(--dark-primary-dark);border-radius:10px}::-webkit-scrollbar-track{background-color:var(--dark-primary-light)}::-webkit-scrollbar-thumb:hover{background-color:var(--dark-accent-color)}::-webkit-scrollbar-thumb:active{background-color:var(--dark-accent-color)}::-webkit-scrollbar-corner{background-color:var(--dark-primary-dark)}::-webkit-scrollbar-button{background-color:var(--dark-primary-dark)}::-webkit-scrollbar-thumb:vertical{background-color:var(--dark-primary-dark)}::-webkit-scrollbar-thumb:horizontal{background-color:var(--dark-primary-dark)}::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--dark-accent-color)}::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--dark-accent-color)}::-webkit-scrollbar-thumb:vertical:active{background-color:var(--dark-accent-color)}::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--dark-accent-color)}select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:""}html,body{height:100%;font-family:Tajawal,sans-serif;background:linear-gradient(135deg,var(--dark-primary-dark) 0%,var(--primary-color) 100%);color:var(--dark-text)}body.dark-theme,body.light-theme{background-color:var(--dark-primary-color);color:var(--dark-text)}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:700}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,background-color .3s ease}.dark-theme .card{background-color:var(--dark-card-bg)}.light-theme .card{background-color:var(--light-card-bg)}.card:hover{transform:translateY(-5px)}.dark-theme .card:hover{background-color:var(--dark-card-hover)}.light-theme .card:hover{background-color:var(--light-card-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;font-family:Tajawal,sans-serif}.btn-primary{background-color:var(--dark-accent-color);color:var(--dark-text)}.btn-primary:hover{background-color:#d84818}.btn-icon{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.play-btn{background-color:var(--dark-accent-color);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .3s ease}.play-btn:hover{transform:scale(1.1)}@media (max-width: 768px){:root{--sidebar-width: 0}.container{padding:0 .5rem}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 .75rem}}.cat-list .reciters-list{-ms-overflow-style:none;scrollbar-width:none}.cat-list .reciters-list::-webkit-scrollbar{display:none}