@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700&display=swap";:root{--bg:#06080e;--manuscript:#0d1019;--manuscript-2:#13182a;--border:#181c2f;--border-hi:#21263d;--emerald:#3d9b7a;--em-dim:#3d9b7a17;--em-ring:#3d9b7a42;--illumination:#c4a245;--illum-ring:#c4a24538;--text:#ece8de;--text-2:#847d6f;--text-3:#3a3730;--shadow:0 3px 24px #0009;--shadow-sm:0 1px 8px #0006;--r:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);direction:rtl}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;font-family:Amiri,Traditional Arabic,Arial Unicode MS,serif;font-size:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}button:disabled{opacity:.25;pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes verseMark{0%{background:#3d9b7a38}to{background:var(--em-dim)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.page,.verses-container,.verse-item{transition:none!important;animation:none!important}}.page{max-width:660px;min-height:100dvh;margin:0 auto;animation:.28s ease-out fadeUp}.home-top{padding:max(2.75rem, calc(env(safe-area-inset-top) + 2.25rem)) 1.25rem 1.5rem;text-align:center;background:radial-gradient(60% 80% at 50% -10%,#3d9b7a12 0%,#0000 100%);flex-direction:column;align-items:center;gap:.5rem;display:flex}.home-title{color:var(--emerald);letter-spacing:.02em;font-size:2.5rem;font-weight:700}.home-ornament{color:var(--illumination);margin:.25rem 0 .125rem}.home-subtitle{color:var(--text-3);letter-spacing:.14em;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.68rem}.continue-wrap{padding:.875rem 1.25rem 0}.continue-card{background:var(--em-dim);border:1px solid var(--em-ring);border-inline-start:3px solid var(--emerald);border-radius:var(--r);padding:1rem 1.25rem 1.25rem calc(1.25rem - 2px);transition:background .15s;display:block;position:relative;overflow:hidden}.continue-card:active{background:#3d9b7a29}@media (hover:hover){.continue-card:hover{background:#3d9b7a29}}.continue-card:after{content:"";height:2px;width:var(--progress,0%);background:linear-gradient(to left, transparent, var(--emerald));border-radius:0 0 0 var(--r);transition:width .4s;position:absolute;bottom:0;right:0}.continue-eyebrow{color:var(--emerald);letter-spacing:.1em;margin-bottom:.5rem;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.66rem}.continue-body{direction:rtl;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.continue-surah-name{font-size:1.5rem;font-weight:700}.continue-verse-label{color:var(--text-2);white-space:nowrap;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.72rem}.surah-list{padding:.875rem 1.25rem;padding-bottom:max(4rem, calc(env(safe-area-inset-bottom) + 2.5rem));flex-direction:column;gap:.5rem;display:flex}.surah-card{background:var(--manuscript);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:background .12s,border-color .12s;display:flex}.surah-card:active{background:var(--manuscript-2);border-color:var(--border-hi)}.surah-card:active .surah-num-oct:before{background:var(--em-ring)}@media (hover:hover){.surah-card:hover{background:var(--manuscript-2);border-color:var(--border-hi)}.surah-card:hover .surah-num-oct:before{background:var(--em-ring)}}.surah-info{direction:rtl;flex:1;min-width:0}.surah-name{font-size:1.5rem;font-weight:700}.surah-num-oct{flex-shrink:0;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;display:flex;position:relative}.surah-num-oct:before{content:"";background:var(--border-hi);clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);transition:background .12s;position:absolute;inset:0}.surah-num-oct:after{content:"";background:var(--manuscript);clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%);transition:background .12s;position:absolute;inset:1.5px}.surah-num-oct span{z-index:1;color:var(--text-3);font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.68rem;position:relative}.surah-num-lg{width:2.875rem;height:2.875rem;margin:0 auto .375rem}.surah-num-lg:after{inset:2px}.surah-num-lg span{color:var(--text-2);font-size:.82rem}.surah-skeleton{pointer-events:none;background:linear-gradient(90deg, var(--manuscript) 25%, var(--border) 50%, var(--manuscript) 75%);height:3.5rem;box-shadow:none;background-size:200% 100%;border-color:#0000;animation:1.6s ease-in-out infinite shimmer}.surah-header{z-index:10;padding:max(1rem, env(safe-area-inset-top)) 1rem 1rem;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#06080ee0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid;position:sticky;top:0}.icon-btn{width:2.75rem;height:2.75rem;color:var(--text-2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.icon-btn:not(:disabled):active{background:var(--manuscript-2);color:var(--text)}@media (hover:hover){.icon-btn:not(:disabled):hover{background:var(--manuscript-2);color:var(--text)}}.surah-header-name{text-align:center;font-size:1.25rem;font-weight:700}.surah-header>:first-child{justify-self:start}.surah-header-controls{justify-self:end;align-items:center;gap:.25rem;display:flex}.surah-nav{gap:.25rem;display:flex}.surah-info-card{background:var(--manuscript);border:1px solid var(--border);border-radius:var(--r);text-align:center;box-shadow:var(--shadow), 0 0 60px #3d9b7a0d;flex-direction:column;align-items:center;margin:1rem 1.25rem .5rem;padding:1.75rem 1.25rem 1.5rem;display:flex}.surah-big-name{color:var(--text);direction:rtl;font-size:2.25rem;font-weight:700}.basmala-wrap{text-align:center;padding:1.875rem 1.5rem 1.125rem;position:relative;overflow:hidden}.basmala-wrap:before{content:"";background:linear-gradient(to right, transparent 0%, var(--illum-ring) 15%, var(--illum-ring) 85%, transparent 100%);height:1px;position:absolute;inset-block:50%;inset-inline:1.5rem}.basmala{background:var(--bg);color:var(--illumination);direction:rtl;padding:0 1.25rem;font-size:1.625rem;line-height:1.9;display:inline-block;position:relative}.verses-container{padding:.5rem 1.25rem;padding-bottom:max(5rem, calc(env(safe-area-inset-bottom) + 3rem));flex-direction:column;gap:.5rem;animation:.35s ease-out fadeIn;display:flex}.verse-item{background:var(--manuscript);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transform-origin:50%;box-shadow:var(--shadow-sm);border-inline-start:3px solid #0000;padding:1.375rem 1.25rem 1.375rem calc(1.25rem - 2px);transition:background .15s,border-color .2s,transform .1s}.verse-item:active{transform:scale(.986)}.verse-item.verse-current{border-inline-start-color:var(--emerald);animation:.7s ease-out forwards verseMark}.verse-text{text-align:right;font-size:var(--verse-fs,1.75rem);color:var(--text);direction:rtl;line-height:2.4}.verse-num{color:var(--illumination);opacity:.7;vertical-align:middle;margin-inline-start:.45rem;font-size:.9rem}.loading{height:50dvh;color:var(--text-3);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.font-controls{align-items:center;gap:.125rem;display:flex}.font-size-btn{font-size:1.25rem;font-weight:700}.home-title-row{justify-content:center;align-items:center;gap:.75rem;display:flex}.streak-badge{color:var(--emerald);background:var(--em-dim);border:1px solid var(--em-ring);letter-spacing:.06em;white-space:nowrap;border-radius:20px;padding:.2rem .6rem;font-family:ui-monospace,SF Mono,Fira Code,monospace;font-size:.65rem}.home-tabs{gap:.375rem;padding:.875rem 1.25rem 0;display:flex}.tab-btn{color:var(--text-2);background:var(--manuscript);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex:1;padding:.55rem 1rem;font-family:Amiri,serif;font-size:1.05rem;transition:color .15s,background .15s,border-color .15s}.tab-btn.tab-active{color:var(--emerald);background:var(--em-dim);border-color:var(--em-ring)}.tab-btn:active{background:var(--manuscript-2)}.search-wrap{padding:.625rem 1.25rem 0}.search-input{background:var(--manuscript);border:1px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;direction:rtl;border-radius:10px;outline:none;padding:.625rem .875rem;font-family:Amiri,serif;font-size:1.1rem;transition:border-color .15s}.search-input:focus{border-color:var(--em-ring)}.search-input::placeholder{color:var(--text-3)}.search-empty{text-align:center;color:var(--text-2);padding:2rem 0;font-size:1rem}.juz-list{padding:.875rem 1.25rem;padding-bottom:max(4rem, calc(env(safe-area-inset-bottom) + 2.5rem));flex-direction:column;gap:.5rem;display:flex}.juz-card{background:var(--manuscript);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:.9rem 1.25rem;transition:background .12s,border-color .12s;display:flex}.juz-card:active{background:var(--manuscript-2);border-color:var(--border-hi)}@media (hover:hover){.juz-card:hover{background:var(--manuscript-2);border-color:var(--border-hi)}.juz-card:hover .surah-num-oct:before{background:var(--em-ring)}}.juz-info{text-align:right;direction:rtl;flex-direction:column;flex:1;gap:.2rem;display:flex}.juz-name{color:var(--text);font-size:1.15rem;font-weight:700}.juz-surah{color:var(--text-2);font-size:.78rem}.scroll-top-btn{bottom:max(2rem, calc(env(safe-area-inset-bottom) + 1.5rem));background:var(--emerald);color:#fff;width:2.75rem;height:2.75rem;box-shadow:var(--shadow);z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:fixed;left:1.25rem}.scroll-top-btn:active{transform:scale(.92)}@media (hover:hover){.scroll-top-btn:hover{opacity:.88}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--emerald);opacity:.4;border-radius:2px}