@font-face{font-family:ScheherazadeNew;src:url('/static/fonts/scheherazade-new.ttf') format('truetype');font-display:swap;font-weight:400}@font-face{font-family:NotoNaskhArabic;src:url('/static/fonts/noto-naskh-arabic.ttf') format('truetype');font-display:swap;font-weight:400 700}@font-face{font-family:AmiriQuran;src:url('/static/amiri-quran.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--bg:#f7f8f5;--surface:#fff;--ink:#203c34;--muted:#7b8680;--line:#e4e9e2;--accent:#17634e;--soft:#edf3ed;--arabic-size:34px;margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 'Segoe UI',Arial,sans-serif}body.dark{--bg:#111d19;--surface:#192923;--ink:#e7eee7;--muted:#a3b3a9;--line:#30443a;--accent:#8ed1b3;--soft:#23382d}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:10px 15px}button:hover,a.card:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9974c;outline-offset:3px}input,select,textarea{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px;max-width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}textarea{width:100%;min-height:130px}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.25;letter-spacing:-1px}h2{font-size:23px;letter-spacing:-.4px}h3{font-size:17px}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:var(--surface);border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:650;letter-spacing:4px;padding-left:10px}.brand small{display:block;font-size:9px;letter-spacing:5px;line-height:1}.brand-mark{font-size:46px;color:#a48a54;line-height:1.2}.nav-caption{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:48px 12px 15px}nav{display:grid;gap:8px}nav a{padding:12px 15px;border-radius:10px;font-size:21px;display:flex;align-items:center;gap:15px}nav a span{font-size:14px}nav a.active{background:var(--soft);color:var(--accent);font-weight:600}.sidebar-bottom{margin-top:auto;font-size:12px;padding:12px}.sidebar-bottom>small{display:block;margin-top:12px}.daily-mini{border-top:1px solid var(--line);padding:22px 0;margin-bottom:18px}.daily-mini span{font-size:10px;color:var(--muted)}.daily-mini p{margin:8px 0}.daily-mini a{color:var(--accent)}.shell{margin-left:235px}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;border-bottom:1px solid var(--line)}.header-label{font-size:13px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{width:39px;height:39px;padding:0;font-size:22px;border-color:transparent;background:transparent}.account-button{padding:8px 17px;font-size:13px}.account-button span{padding-left:20px}main{max-width:1280px;margin:auto;padding:34px 46px 50px;min-height:calc(100vh - 170px)}footer{font-size:11px;color:var(--muted);text-align:center;padding:25px 20px 125px}footer a{text-decoration:underline}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hero{overflow:hidden;position:relative;border-radius:18px;min-height:296px;background:#163e34;color:#faf5e8;padding:37px 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.hero:after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 55px,#ffffff06 56px,#ffffff06 57px);pointer-events:none}.hero .eyebrow{color:#c8c6a9}.hero h1{font-weight:500;margin:15px 0 12px;font-size:36px;max-width:390px}.hero p{color:#bacac0;font-size:13px;max-width:350px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #cfbf8233;border-radius:140px 140px 10px 10px;margin:0 28px;padding:25px 8px}.hero-art:before{content:'';position:absolute;inset:9px;border:1px solid #cfbf8229;border-radius:inherit}.hero-arabic{font-family:AmiriQuran,serif;font-size:37px;line-height:2;color:#ded1ac}.hero-art small{color:#c0bca5;letter-spacing:2px;font-size:9px;margin-top:10px}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.hero .primary{background:#f4efdf;color:#183c30;border:0;padding:11px 20px;display:inline-block;font-size:13px;border-radius:8px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 36px}.feature{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 25px;display:flex;gap:20px;align-items:center}.feature-icon{width:44px;height:44px;border-radius:11px;background:var(--soft);display:grid;place-items:center;font-size:23px;color:var(--accent)}.feature h3{margin:0 0 3px;font-size:15px}.feature p{margin:0;font-size:12px;color:var(--muted)}.feature .arrow{margin-left:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-heading h2{margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.searchbox{width:270px;font-size:13px}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line);margin:0 0 23px}.tabs button{background:none;border:0;border-radius:0;font-size:13px;padding:10px 1px;color:var(--muted)}.tabs button.active{border-bottom:2px solid var(--accent);color:var(--accent)}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:19px 17px;display:flex;align-items:center;gap:15px;transition:border-color .15s}.number{font-size:12px;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:var(--soft);border-radius:9px;color:var(--accent)}.card strong{font-size:13px;font-weight:600}.card small{display:block;font-size:10px;margin-top:2px}.card .arabic-name{font-family:AmiriQuran,serif;font-size:23px;margin-left:auto;color:var(--accent)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.toolbar select{font-size:13px}.reader-title{text-align:center;padding:28px 0}.reader-title h1{font-family:AmiriQuran,serif;font-size:44px;margin:0 0 15px}.reader-title p{color:var(--muted);font-size:13px}.verse{padding:26px 26px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:14px;scroll-margin-top:25px}.verse.current{border-color:#b8a268;box-shadow:0 0 0 1px #b8a268}.verse-top{display:flex;align-items:center;gap:10px;justify-content:space-between;color:var(--muted);font-size:11px}.verse-actions{display:flex;gap:4px}.verse-actions button{font-size:12px;padding:5px 10px;border:0;background:transparent}.verse-actions button.saved{color:var(--accent);background:var(--soft)}.arabic{font-family:var(--arabic-font,AmiriQuran),AmiriQuran,serif;font-size:var(--arabic-size);line-height:2.6;direction:rtl;text-align:right;margin:15px 0;overflow-wrap:anywhere}.arabic .word{display:inline;border:0;background:none;padding:2px 0;border-radius:4px;font:inherit;line-height:inherit;color:inherit}.arabic .word.active{background:#e8d68c;color:#183c30}.translation{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:16px;line-height:1.9}.translation small{display:block;font-size:11px;margin-bottom:6px}.verse-note{background:var(--soft);padding:12px;margin-top:12px;font-size:13px;border-radius:8px;white-space:pre-wrap}.reading-mode .verse{border:0;border-bottom:1px solid var(--line);border-radius:0}.reading-mode .translation{display:none}.reading-mode .verse-actions{opacity:.5}.empty{padding:35px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}.panel{padding:25px;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:20px}.panel p:last-child{margin-bottom:0}.form{display:grid;gap:14px}.form label{font-size:13px;display:grid;gap:6px}.form input,.form select{width:100%}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stat{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:22px}.stat strong{font-size:30px;display:block;color:var(--accent)}.stat small{font-size:12px}.progress{height:6px;background:var(--line);border-radius:10px;margin-top:14px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent)}.notice{font-size:13px;color:var(--muted);padding:15px;border-left:3px solid #b79c5c;background:var(--soft);margin:18px 0}.hidden-word{visibility:hidden}.quiz-arabic{min-height:130px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pills a{border:1px solid var(--line);border-radius:30px;padding:5px 15px;background:var(--surface);font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:32px;max-width:540px;width:calc(100% - 30px);max-height:90vh}dialog::backdrop{background:#10291e77;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:8px}dialog h2{margin-right:20px}.check-row{display:flex!important;align-items:center;gap:9px!important;margin:10px 0}.check-row input{width:18px!important}.scroll-list{max-height:270px;overflow:auto}.error{color:#b74735;font-size:13px}#toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#183e32;color:white;padding:12px 24px;border-radius:10px;z-index:30;display:none;max-width:90vw}#player{position:fixed;bottom:0;left:235px;right:0;z-index:15;border-top:1px solid var(--line);background:var(--surface);padding:18px 25px;box-shadow:0 -6px 20px #00000008;display:flex;align-items:center;gap:12px}#player[hidden]{display:none}#player>div{min-width:120px}#player small{display:block}#player button{padding:7px 12px}#seek{flex:1;min-width:80px;accent-color:var(--accent);padding:0}#player select{font-size:12px;padding:7px}#time{font-size:11px}.skip{position:absolute;left:-1000px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:100}.sources a{text-decoration:underline;color:var(--accent)}.sources li{margin:12px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.loading{text-align:center;color:var(--muted);padding:80px}.mobile-only{display:none}@media(min-width:1500px){.hero{min-height:330px}.hero h1{font-size:42px}.chapter-grid{gap:16px}.card{padding:22px}}@media(max-width:1150px){.sidebar{width:200px;padding:30px 14px}.shell{margin-left:200px}main{padding:28px}.chapter-grid{grid-template-columns:repeat(2,1fr)}header{padding:0 28px}#player{left:200px}.hero-art{margin:0}.hero{padding:28px}.hero h1{font-size:32px}#player>div{min-width:90px}#player{gap:6px;padding:12px}}@media(max-width:760px){.sidebar{inset:auto 0 0 0;width:100%;height:65px;padding:0 5px;border:0;border-top:1px solid var(--line);z-index:20}.sidebar .brand,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{padding:5px 9px;flex-direction:column;gap:0;font-size:21px;border-radius:0;min-width:55px}nav a span{font-size:9px}nav a.active{background:none}.shell{margin:0}header{height:65px;padding:0 18px}.header-label{font-size:11px}.header-actions{gap:3px}.account-button{padding:6px 10px;font-size:12px}.account-button span{display:none}main{padding:20px 16px}.hero{display:block;padding:25px;min-height:245px}.hero h1{font-size:31px;max-width:280px}.hero p{max-width:270px}.hero-art{display:none}.feature-row{gap:10px;margin:16px 0 27px}.feature{padding:15px 12px;gap:10px}.feature-icon{display:none}.feature h3{font-size:13px}.feature p{font-size:10px}.feature .arrow{display:none}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:21px}.searchbox{width:100%}.chapter-grid{gap:9px}.card{padding:14px 10px;gap:9px}.card strong{font-size:11px}.card .arabic-name{font-size:21px}.card .number{width:25px;height:25px;font-size:10px}.card small{font-size:9px}.card .english-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verse{padding:18px 16px}.verse-actions{gap:0}.verse-actions button{padding:5px 8px}.arabic{font-size:calc(var(--arabic-size) * .9)}.translation{font-size:15px}.toolbar{padding:12px;gap:8px}.toolbar select{max-width:100%;flex:1}.stat-grid{gap:8px}.stat{padding:15px 10px}.stat strong{font-size:24px}.stat small{font-size:10px}.panel{padding:20px}h1{font-size:29px}#player{left:0;bottom:65px;padding:10px;flex-wrap:wrap}#player>div{flex:1}#seek{order:2;flex-basis:60%}#player select{max-width:70px}#time{order:3}footer{padding-bottom:160px}.notice{font-size:12px}#toast{bottom:170px}.mobile-only{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.font-preview{padding:12px;border:1px solid var(--line);border-radius:10px;margin:0;line-height:2.6;font-synthesis:none}.arabic{font-synthesis:none}