@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f5ef;--surface:#fffefa;--ink:#183d32;--muted:#798078;--line:#e7e8dc;--gold:#bd9858;--accent:#205441;--shadow:0 14px 38px #223b2310;--qsize:29px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans Arabic',sans-serif;line-height:1.85}body.dark{--bg:#10241e;--surface:#18332b;--ink:#f1eddd;--muted:#b0bcaf;--line:#2e473c;--accent:#97bfa5;--shadow:0 14px 38px #0002}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.sidebar{position:fixed;right:0;top:0;width:246px;height:100dvh;border-left:1px solid var(--line);background:var(--surface);padding:32px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:26px;font-weight:800;line-height:1.3}.brand small{display:block;font-size:13px;font-weight:500;letter-spacing:1px}.brand-icon{font-size:44px;color:var(--gold)}.side-caption{font-size:12px;color:var(--muted);margin:25px 0}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;font-size:18px}.sidebar nav a span{font-size:13px}.sidebar nav small{margin-right:auto;font-size:11px}.sidebar nav a.active{background:#205441;color:#fff8e3}.sidebar nav a:hover{background:#bd985818}.side-bottom{margin-top:auto;display:grid;gap:10px;font-size:11px;color:var(--muted)}.support-link{color:var(--gold);font-size:14px}.shell{margin-right:246px;max-width:1650px}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:16px}.date{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:17px}.icon{border:0;background:transparent;font-size:22px;min-width:40px;min-height:40px;border-radius:50%}.icon:hover{background:#bd985820}.account-chip{display:flex;align-items:center;gap:9px;font-size:12px}.account-chip #user-photo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9e3d5;color:#294939;overflow:hidden}.account-chip img{width:100%;height:100%;object-fit:cover}main{padding:35px 5% 50px;min-height:75vh}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);font-weight:700}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.heading h1{font-size:29px;line-height:1.5;margin:5px 0}.muted{color:var(--muted);font-size:13px}.heading p{margin:3px 0}.hero{position:relative;overflow:hidden;isolation:isolate;border-radius:25px;background:#173d30;color:#f9f4e5;padding:40px 38px;min-height:285px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.hero:after{content:'۞';position:absolute;font-family:serif;font-size:400px;left:-75px;top:-175px;opacity:.055;z-index:-1}.hero h2{font-size:35px;line-height:1.6;font-weight:500;margin:10px 0}.hero p{font-size:13px;color:#c8d4c2;max-width:410px}.hero-verse{align-self:center;text-align:center;border-right:1px solid #dfd5b533;padding:15px 25px}.hero-verse .quran-text{font-size:29px;line-height:2.1}.hero-verse small{color:#ccb481}.pill{display:inline-flex;gap:8px;align-items:center;font-size:10px;border:1px solid #c6b47e55;border-radius:50px;padding:3px 12px;color:#e0cc9b}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:9px 18px;font-size:12px;min-height:43px;transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.primary{background:#255641;color:#fff8e9;border-color:#255641}.hero .btn.primary{background:#e6d2a2;color:#244035;border-color:#e6d2a2}.hero .btn.ghost{background:transparent;color:#e5e9da;border-color:#79907860}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 14px}.section-title h2{font-size:18px;margin:0}.section-title a{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}a.card{transition:transform .2s,border-color .2s}a.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card-symbol{display:grid;place-items:center;width:43px;height:43px;background:#bd985813;border:1px solid #bd985828;border-radius:13px;font-size:23px;color:var(--gold);margin-bottom:13px}.card h3{font-size:15px;margin:6px 0}.card p{font-size:12px;color:var(--muted);margin:5px 0}.card .arrow{font-size:21px;color:var(--gold);float:left}.two-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.feature-card{position:relative;overflow:hidden;min-height:200px}.feature-card .quran-text{font-size:24px;line-height:2}.feature-card.olive{background:#e8eddf;color:#244738}.dark .feature-card.olive{background:#284939;color:#edf2db}.quran-text{font-family:'Amiri Quran',serif;font-size:var(--qsize);line-height:2.4;word-spacing:2px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0;align-items:center}.search,input[type=text],input[type=number],select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:10px 14px;min-height:45px;max-width:100%}.search{flex:1;min-width:180px}.surah-card{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);background:var(--surface);border-radius:14px}.surah-card:hover{border-color:var(--gold)}.surah-num{width:36px;height:36px;display:grid;place-items:center;color:var(--gold);background:#bd985815;border-radius:10px;font-size:12px}.surah-card h3{font-size:15px;margin:0}.surah-card small{font-size:10px;color:var(--muted)}.surah-card .arrow{margin-right:auto;color:var(--gold)}.reading-header{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}.reading-header h1{font-family:'Amiri Quran',serif;font-size:40px;margin:0}.reading-header .actions{justify-content:center}.reader-settings{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0;font-size:12px}.reader-settings label{display:grid;gap:5px}.reader-settings input{width:82px}.reader-settings select{max-width:230px}.verse-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:13px 0;padding:20px 25px;scroll-margin-top:20px}.verse-card.playing{border-color:var(--gold);box-shadow:0 0 0 2px #bd985820}.verse-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.verse-tools{display:flex;gap:4px}.verse-tools button{font-size:12px;background:transparent;border:0;border-radius:8px;padding:5px 9px;min-height:36px}.verse-tools button:hover{background:#bd985815}.verse-card .quran-text{margin:12px 0}.tafsir{font-size:15px;line-height:2;border-top:1px solid var(--line);padding-top:15px;margin-top:14px;color:var(--muted)}.tafsir strong{display:block;color:var(--gold);font-size:11px;margin-bottom:8px}.story-intro{font-size:16px;line-height:2.2}.source-note{font-size:12px;color:var(--muted);border-right:3px solid var(--gold);padding:8px 14px;margin:20px 0}.passage{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.passage h3{font-size:15px;margin:0}.passage small{color:var(--muted)}.note{border-radius:12px;background:#bd985812;padding:15px;font-size:13px;margin:18px 0}.daily-card{padding:30px}.daily-card h2{font-size:19px}.daily-card .quran-text{text-align:center;padding:20px 0}.label{display:inline-block;color:var(--gold);font-size:11px;margin:12px 0}.profile-banner{display:flex;gap:20px;align-items:center;margin:20px 0}.avatar{width:70px;height:70px;border-radius:50%;background:#dce5d4;display:grid;place-items:center;color:#31513b;font-size:30px;object-fit:cover}.stat{font-size:30px;color:var(--gold)}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.loading{padding:80px;text-align:center;font-size:40px;color:var(--gold)}.loading p{font-size:14px}.error{padding:30px;color:#a34037;background:var(--surface);border:1px solid #a3403744;border-radius:14px}.player{position:fixed;bottom:20px;right:275px;left:28px;display:flex;align-items:center;gap:16px;padding:15px 20px;background:#163c30;color:#fff8e6;border:1px solid #a28b5677;border-radius:19px;box-shadow:0 15px 55px #0003;z-index:45}.player-art{width:48px;height:48px;background:#bd985822;color:#dfc080;display:grid;place-items:center;font-size:31px;border-radius:12px}.track{min-width:150px;max-width:300px;display:grid;line-height:1.65}.track strong{font-size:13px}.track small{font-size:10px;color:#c9d5c0}.track span{font-size:10px;color:#e5be79}.play-controls{display:flex;align-items:center;direction:ltr;gap:5px}.play-circle{background:#dfc793;color:#1a3e2c;border:0;border-radius:50%;width:43px;height:43px;font-size:18px}.timeline{flex:1;direction:ltr;min-width:90px}.timeline input{width:100%;accent-color:#d7b570}.timeline div{display:flex;justify-content:space-between;font-size:10px;color:#bdcbb7}.hidden{display:none!important}footer{padding:20px 5% 140px;color:var(--muted);font-size:11px;display:flex;gap:15px;justify-content:space-between;border-top:1px solid var(--line)}.mobile-nav,.mobile-brand{display:none}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:30px;max-width:620px;width:90%;max-height:85dvh}dialog::backdrop{background:#102a2299;backdrop-filter:blur(4px)}dialog .close{position:absolute;left:12px;top:10px}.support-options{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:30px 0}.support-options button{padding:20px 30px;font-size:20px}.support-page{max-width:740px;margin:auto;text-align:center}.support-page h1{font-size:34px}.stars-emblem{font-size:70px;color:var(--gold)}#toast{position:fixed;top:22px;left:50%;transform:translate(-50%,-100px);background:#264d3f;color:#fff8e9;padding:10px 23px;border-radius:12px;font-size:13px;z-index:100;transition:.25s;max-width:90vw}#toast.show{transform:translate(-50%,0)}main>*{animation:arrive .3s ease both}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:1600px){main{padding-left:8%;padding-right:8%}}@media(max-width:1200px){.sidebar{width:215px;padding:28px 15px}.shell{margin-right:215px}.grid.four{grid-template-columns:repeat(2,1fr)}.player{right:235px}.hero{padding:28px}.hero h2{font-size:29px}.hero-verse{padding:10px 15px}.hero-verse .quran-text{font-size:25px}}@media(max-width:900px){.sidebar{display:none}.shell{margin-right:0}.topbar{height:72px}.mobile-brand{display:block;font-size:19px;font-weight:800}.mobile-brand small{font-size:10px;font-weight:500}.date{display:none}.mobile-nav{position:fixed;bottom:0;right:0;left:0;background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:50}.mobile-nav a{display:grid;justify-items:center;font-size:23px;line-height:1.35;min-width:48px}.mobile-nav small{font-size:10px}.player{right:12px;left:12px;bottom:calc(80px + env(safe-area-inset-bottom));gap:10px;padding:12px}.player-art{display:none}.player .timeline{display:none}.player .track{flex:1;min-width:0}.player .track strong{font-size:11px}.player .icon{min-width:28px;font-size:18px}.player .play-controls{gap:0}footer{padding-bottom:200px;flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:22px 17px 40px}.topbar{padding:0 18px}.heading h1{font-size:23px}.hero{grid-template-columns:1fr;padding:25px;min-height:0}.hero h2{font-size:30px}.hero-verse{border-right:0;border-top:1px solid #dfd5b533;padding:17px 0 0}.hero-verse .quran-text{font-size:26px}.two-columns{grid-template-columns:1fr}.grid{gap:10px}.card{padding:17px}.card h3{font-size:13px}.card p{font-size:11px}.surah-card{gap:9px;padding:12px}.surah-card h3{font-size:13px}.surah-num{width:27px;height:29px;font-size:10px}.verse-card{padding:17px}.quran-text{font-size:calc(var(--qsize) - 2px)}.reader-settings{gap:8px}.reader-settings select{max-width:190px}.reader-settings label:first-child{width:100%}.verse-top{flex-wrap:wrap;gap:8px}.daily-card{padding:20px}.heading{align-items:center}.passage{padding:15px 0;flex-wrap:wrap}.btn{padding:8px 13px}.top-actions{gap:7px}.account-chip #user-name{display:none}.support-page h1{font-size:27px}.support-options button{padding:14px 23px}.track{max-width:190px}.player #repeat{display:none}}

.basmala{text-align:center;color:var(--gold);font-size:25px!important;margin-bottom:22px!important}

.prayer-next{background:linear-gradient(135deg,#133b30,#27634f);color:#fff;padding:32px;border-radius:24px;margin:20px 0;position:relative;overflow:hidden}.prayer-next:after{content:'۞';position:absolute;left:24px;top:0;font-size:190px;opacity:.08;pointer-events:none}.prayer-next .eyebrow{color:#e9ce91}.countdown{font-size:clamp(36px,7vw,64px);font-variant-numeric:tabular-nums;letter-spacing:4px;direction:ltr;text-align:right}.prayer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prayer-time{display:flex;flex-direction:column;gap:8px;text-align:center}.prayer-time strong{font-size:30px}.prayer-time.upcoming{border:2px solid var(--green);background:var(--soft)}.sidebar{overflow-y:auto}.sidebar nav a{padding-top:9px;padding-bottom:9px}@media(max-width:560px){.prayer-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:no-preference){.card,.btn{transition:transform .2s,box-shadow .2s,background .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #102b2510}.btn:active{transform:scale(.97)}.prayer-next:after{animation:prayer-glow 8s ease-in-out infinite alternate}@keyframes prayer-glow{to{opacity:.16;transform:rotate(12deg)}}}

.story-chapter{margin:22px 0;border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--paper)}.story-chapter summary{cursor:pointer;font-size:22px;font-weight:700;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.story-chapter summary small{font-size:14px;color:var(--muted)}.story-chapter[open] summary{padding-bottom:20px}.hadith-text{font-size:25px;line-height:2.2}.long-text{white-space:pre-line;line-height:2}.sidebar nav a{padding:7px 12px;font-size:14px}#app{overflow-wrap:anywhere}.verse-tools{flex-wrap:wrap}.reader-settings{flex-wrap:wrap}.reader-settings label{min-width:100px}details .verse-card{scroll-margin-top:90px}@media(max-width:560px){.verse-top{flex-wrap:wrap;gap:10px}.verse-tools{gap:4px}.story-chapter{padding:12px}.heading h1{font-size:30px}}

@media(prefers-reduced-motion:no-preference){.page-enter{animation:page-enter .25s ease-out}@keyframes page-enter{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}button:focus-visible,a:focus-visible{outline:3px solid #bd9a51;outline-offset:3px}.sidebar nav a{padding-top:5px;padding-bottom:5px}.sidebar .side-caption{margin:8px 0}.side-bottom{position:relative;margin-top:16px}