:root{--bg:#08130f;--surface:#10231b;--surface-light:#173426;--text:#f4f9f5;--muted:#b2c6ba;--accent:#79e5aa;--border:#bdf2d029}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top right,#3183554d,transparent 32rem),var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.navbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08130fe6;position:sticky;top:0}.nav-content{align-items:center;gap:1rem;width:min(1200px,100% - 2rem);min-height:68px;margin:auto;display:flex}.brand{font-size:1.25rem;font-weight:800;text-decoration:none}.brand span,.text-link{color:var(--accent)}.nav-links{flex:1;gap:.25rem;display:flex}.nav-link{color:var(--muted);border-radius:.5rem;padding:.5rem .65rem;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--text);background:#79e5aa1f}.nav-stats,.button-row,.row,.memorize-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row{justify-content:space-between}.centered{justify-content:center}.page{width:min(1200px,100% - 2rem);margin:auto;padding:4rem 0}.narrow-page{width:min(820px,100% - 2rem)}.hero{grid-template-columns:1.5fr .8fr;align-items:center;gap:2rem;min-height:440px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6rem;font-size:.8rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.03}.page-heading{margin-bottom:2rem}.page-heading h1,.lesson-header h1{font-size:clamp(2rem,4vw,3.5rem)}.lead,.muted{color:var(--muted);line-height:1.65}.button{border:1px solid #0000;border-radius:.7rem;padding:.8rem 1rem;font-weight:800;text-decoration:none;display:inline-block}.primary{border-color:var(--accent);color:#062112;background:var(--accent)}.secondary,.icon-button,.toggle{border-color:var(--border);color:var(--text);background:0 0}.dashboard-card,.feature-card,.content-card,.ayah-card,.galaxy-card,.chat-shell,.memorize-card{border:1px solid var(--border);background:#10231bd6;border-radius:1rem;box-shadow:0 18px 50px #0000001f}.dashboard-card,.content-card,.memorize-card{padding:1.35rem}.feature-card{padding:1.35rem;text-decoration:none;transition:all .2s}.feature-card:hover,.planet-card:hover{border-color:var(--accent);transform:translateY(-3px)}.grid{gap:1rem;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-badge,.streak-badge{color:var(--accent);background:#79e5aa1a;border:1px solid #79e5aa40;border-radius:999px;gap:.4rem;margin-bottom:.7rem;padding:.55rem .75rem;font-weight:800;display:inline-flex}.compact{margin:0;padding:.35rem .5rem;font-size:.76rem}.ayah-list,.lesson,.planet-list{gap:1rem;display:grid}.ayah-card{padding:1.3rem}.ayah-number{width:2rem;height:2rem;color:var(--accent);background:#79e5aa1f;border-radius:50%;place-items:center;font-weight:800;display:grid}.arabic,.memorize-arabic{text-align:right;direction:rtl;margin:1.4rem 0;font-family:Times New Roman,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.9}.memorize-arabic{transition:opacity .3s,transform .3s}.memorize-arabic.revealed,.celebrate{animation:.45s reveal}.memorize-arabic.hidden-ayah{letter-spacing:.18em;color:var(--accent);direction:ltr}@keyframes reveal{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.audio-player{align-items:center;gap:.4rem;display:flex}.audio-player select{border:1px solid var(--border);max-width:130px;color:var(--text);background:var(--surface-light);border-radius:.5rem;padding:.45rem}.icon-button,.toggle{border-radius:.5rem;padding:.45rem .65rem}.selected,.toggle.active{color:#062112;background:var(--accent);border-color:var(--accent)}.lesson-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.arabic-section{background:linear-gradient(135deg,#15402be6,#10231be6)}.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;display:grid}.vocabulary-item{background:#ffffff0a;border-radius:.75rem;padding:.9rem}.vocabulary-item strong{direction:rtl;font-size:1.3rem}.vocabulary-item p{color:var(--muted);margin:.4rem 0 0}.quiz-options{gap:.7rem;margin:1rem 0;display:grid}.quiz-option{border:1px solid var(--border);border-radius:.65rem;align-items:center;gap:.7rem;padding:.85rem;display:flex}.quiz-success{color:var(--accent)}.memorize-card{text-align:center}.chat-shell{overflow:hidden}.chat-messages{flex-direction:column;gap:.8rem;min-height:420px;max-height:520px;padding:1.2rem;display:flex;overflow-y:auto}.message{white-space:pre-line;border-radius:1rem;width:fit-content;max-width:85%;padding:.9rem 1rem;line-height:1.5}.message.sheikh{background:var(--surface-light);align-self:flex-start}.message.user{color:#062112;background:var(--accent);align-self:flex-end}.chat-form{border-top:1px solid var(--border);gap:.75rem;padding:1rem;display:flex}.chat-form input{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);border-radius:.65rem;flex:1;padding:.8rem}.loading{gap:.3rem;display:flex}.loading i{background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;animation:.8s infinite alternate bounce}.loading i:nth-child(2){animation-delay:.2s}.loading i:nth-child(3){animation-delay:.4s}@keyframes bounce{to{opacity:.2;transform:translateY(-.25rem)}}.galaxy-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1rem;display:grid}.galaxy-card{padding:1.3rem}.galaxy-icon{font-size:2rem}.planet-card{border:1px solid var(--border);border-radius:.75rem;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;transition:all .2s;display:flex}.planet-card>span{font-size:1.5rem}.planet-card>div{flex:1}.planet-card h3{margin:0 0 .25rem}.planet-card p{color:var(--muted);margin:0}.surah-reader{gap:1rem;display:grid}.reader-toolbar{border:1px solid var(--border);z-index:2;background:#10231bd6;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;display:flex;position:sticky;top:82px}.reader-play{color:#062112;background:var(--accent);border:0;border-radius:.6rem;padding:.62rem 1rem;font-weight:800}.reader-progress{color:var(--muted);margin-left:auto;font-size:.9rem}.reciter-select{color:var(--muted);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.reciter-select select{border:1px solid var(--border);max-width:130px;color:var(--text);background:var(--surface-light);border-radius:.45rem;padding:.42rem}.reader-ayah{border:1px solid var(--border);background:#10231bd6;border-radius:1rem;padding:1.5rem}.word-by-word{flex-wrap:wrap;justify-content:flex-end;gap:.15rem;display:flex}.quran-word{color:inherit;font-family:Times New Roman,serif;font-size:inherit;background:0 0;border:0;border-radius:.35rem;padding:.12rem .22rem;line-height:1.7;transition:background .15s,color .15s,transform .15s}.quran-word:hover,.quran-word.selected{color:#062112;background:#d9ffe8;transform:translateY(-2px)}.quran-word.reading{color:#062112;background:var(--accent);box-shadow:0 0 0 3px #79e5aa2e}.word-detail{min-height:68px;color:var(--muted);opacity:.68;background:linear-gradient(120deg,#79e5aa1f,#173426cc);border:1px solid #79e5aa2e;border-radius:.8rem;align-items:center;gap:.8rem;margin:1rem 0;padding:1rem;transition:opacity .18s,transform .18s;display:flex}.word-detail.visible{color:var(--text);opacity:1;transform:translateY(-2px)}.word-detail-arabic{direction:rtl;font-family:Times New Roman,serif;font-size:1.7rem}.word-transliteration{color:var(--accent);margin-top:.25rem;font-size:.85rem;font-style:italic;display:block}.word-help{color:var(--muted);margin:1rem 0 0;font-size:.88rem}.audio-error{color:#ffd2cb;background:#a9574d29;border:1px solid #a9574d;border-radius:.7rem;margin:0;padding:.7rem .9rem}.ayah-full-translation{border-top:1px solid var(--border);color:var(--text);margin:0;padding-top:.9rem;font-size:1.03rem;line-height:1.7}.galaxy-page{background-image:radial-gradient(circle at 20% 30%,#6856e82e,#0000 18rem),radial-gradient(circle at 90% 70%,#2ab0a626,#0000 22rem);min-height:calc(100vh - 68px)}.juz-galaxy-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1.2rem;display:grid}.juz-galaxy{text-align:center;isolation:isolate;border:1px solid #fff3;border-radius:50%;place-content:center;gap:.45rem;min-height:150px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #ffffff1c,0 0 24px #6d69ff3d}.juz-galaxy:before{z-index:-1;content:"";border:1px solid #ffffff73;border-radius:50%;width:78%;height:36%;position:absolute;transform:rotate(-24deg)}.juz-galaxy strong{font-size:1.1rem}.juz-galaxy small{color:#ffffffc7}.galaxy-stars{color:#fff2af;letter-spacing:.25rem;position:absolute;top:12%;right:13%}.galaxy-1{background:radial-gradient(circle at 32% 28%,#90f0e2,#315a9e 55%,#171245)}.galaxy-2{background:radial-gradient(circle at 30% 25%,#ffa4cf,#7f3dc2 58%,#211141)}.galaxy-3{background:radial-gradient(circle at 28% 25%,#ffe39c,#b54d28 58%,#421613)}.galaxy-4{background:radial-gradient(circle at 35% 25%,#c8ffad,#2d8659 58%,#10332d)}.galaxy-5{background:radial-gradient(circle at 35% 25%,#8fd9ff,#2873b7 58%,#102c4e)}.galaxy-6{background:radial-gradient(circle at 32% 25%,#edbdff,#7854cf 58%,#261e54)}.surah-planet-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:2rem 1.3rem;display:grid}.planet-wrap{text-align:center}.planet-wrap h3{margin:.75rem 0 .3rem}.planet-wrap p{color:var(--muted);margin:0;font-size:.88rem}.surah-planet{border:1px solid #ffffff38;border-radius:50%;place-items:center;width:132px;height:132px;margin:auto;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset -16px -16px 24px #00000038,inset 13px 12px 18px #ffffff3d,0 0 22px #79e5aa33}.planet-core{border:1px solid #ffffff40;border-radius:49% 51% 53% 47%;position:absolute;inset:11px}.planet-orbit{border:1px solid #fff6;border-radius:50%;width:155px;height:48px;position:absolute;transform:rotate(-28deg)}.planet-particles{color:#fff9ba;letter-spacing:.16rem;font-size:.8rem;position:absolute;top:16px;right:13px}.planet-number{z-index:1;color:#10231b;background:#ffffffe0;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.ocean{background:linear-gradient(145deg,#a5f6f8,#2385d3 55%,#173266)}.desert{background:linear-gradient(145deg,#ffe2a4,#ce8247 55%,#794020)}.night{background:linear-gradient(145deg,#c5a5ff,#7049b5 55%,#1e245e)}.sunrise{background:linear-gradient(145deg,#fff6a3,#ffab38 53%,#dd4f35)}.fire{background:linear-gradient(145deg,#ffd088,#ef5b2c 50%,#6c1821)}.unity{background:linear-gradient(145deg,#fff,#d6fff1 50%,#78b5cb)}.emerald{background:linear-gradient(145deg,#b6ffbd,#46a875 52%,#185b55)}@media (max-width:800px){.nav-content{flex-wrap:wrap;padding:.65rem 0}.nav-links{order:3;width:100%;overflow-x:auto}.nav-stats{margin-left:auto}.hero,.two-columns{grid-template-columns:1fr}.page{padding:2.5rem 0}.lesson-header,.row{flex-direction:column;align-items:flex-start}}.orbit-galaxy-page{position:relative;overflow:hidden}.orbit-galaxy-page:before{z-index:-1;content:"";opacity:.7;background-image:radial-gradient(circle at 8% 16%,#ffffff57 0 1px,#0000 1.5px),radial-gradient(circle at 72% 18%,#fff7b26b 0 1px,#0000 1.5px),radial-gradient(circle at 34% 72%,#9defff57 0 1px,#0000 1.5px),radial-gradient(circle at 91% 62%,#ffffff47 0 1px,#0000 1.5px);background-size:180px 180px,240px 240px,220px 220px,260px 260px;position:absolute;inset:0}.spiral-galaxy-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.25rem;display:grid}.spiral-galaxy-shell{min-width:0}.spiral-galaxy{text-align:center;isolation:isolate;background:#080d1cb8;border:1px solid #ffffff38;border-radius:1rem;place-items:center;min-height:178px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 34px #ffffff14,0 18px 50px #00000038}.spiral-galaxy:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff3,#0000 30%),linear-gradient(#0000,#00000057);position:absolute;inset:0}.spiral-disc{filter:drop-shadow(0 0 22px #8adcff5c);border-radius:50%;width:132px;height:132px;position:absolute}.spiral-core{background:#fff6b6;border-radius:50%;position:absolute;inset:44px;box-shadow:0 0 22px #fff0a6,0 0 42px #ffffff73}.spiral-arm{filter:blur(.2px);border-top:14px solid #ffffffb8;border-bottom:5px solid #74e0ff38;border-left:18px solid #ffffff2e;border-right:8px solid #0000;border-radius:50%;position:absolute;inset:18px}.arm-one{transform:rotate(16deg)skew(8deg)}.arm-two{transform:rotate(136deg)skew(8deg)}.arm-three{transform:rotate(256deg)skew(8deg)}.spiral-stars{background-image:radial-gradient(circle at 20% 40%,#fff 0 1px,#0000 2px),radial-gradient(circle at 62% 24%,#ffe7a1 0 1px,#0000 2px),radial-gradient(circle at 75% 70%,#cff9ff 0 1px,#0000 2px),radial-gradient(circle at 42% 82%,#fff 0 1px,#0000 2px);border-radius:50%;position:absolute;inset:0}.spiral-label{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05091694;border-radius:.7rem;gap:.2rem;margin-top:112px;padding:.45rem .6rem;display:grid;position:relative}.spiral-label strong{font-size:1rem}.spiral-label small{color:#f4f9f5c7;font-size:.78rem}.galaxy-tone-1 .spiral-disc{background:radial-gradient(circle,#eaffff 0 9%,#5ce7ff 10% 22%,#3b53d0 50%,#0000 70%)}.galaxy-tone-2 .spiral-disc{background:radial-gradient(circle,#fff5df 0 9%,#ff95cf 10% 24%,#7f46de 52%,#0000 72%)}.galaxy-tone-3 .spiral-disc{background:radial-gradient(circle,#fffbc9 0 9%,#ffcb69 10% 23%,#d85c48 52%,#0000 72%)}.galaxy-tone-4 .spiral-disc{background:radial-gradient(circle,#f0ffe4 0 9%,#8dffb2 10% 23%,#24957b 52%,#0000 72%)}.galaxy-tone-5 .spiral-disc{background:radial-gradient(circle,#fff 0 9%,#a6c7ff 10% 23%,#4267c9 52%,#0000 72%)}.galaxy-tone-6 .spiral-disc{background:radial-gradient(circle,#fff3ff 0 9%,#d6a5ff 10% 23%,#6741b9 52%,#0000 72%)}.orbit-system{aspect-ratio:1;isolation:isolate;background:radial-gradient(circle,#ffffff1f,#79e5aa0d 25%,#0b122a38 44%,#0000 68%);border-radius:50%;width:min(720px,92vw);margin:2.5rem auto 1rem;position:relative}.galaxy-center{z-index:2;background:radial-gradient(circle,#fffbd2 0 12%,#7ee9ff 13% 24%,#6a54f1 54%,#191144 76%);border-radius:50%;width:118px;height:118px;margin:-59px 0 0 -59px;position:absolute;top:50%;left:50%;box-shadow:0 0 32px #7ee9ffc2,0 0 70px #6a54f15c}.center-core{background:#fffad1;border-radius:50%;position:absolute;inset:41px;box-shadow:0 0 24px #fffad1}.center-arm{border-top:13px solid #ffffffbd;border-left:16px solid #a0efff33;border-right:8px solid #0000;border-radius:50%;position:absolute;inset:16px}.center-arm-one{transform:rotate(10deg)}.center-arm-two{transform:rotate(130deg)}.center-arm-three{transform:rotate(250deg)}.orbit-ring{z-index:0;pointer-events:none;border:1px solid #caecff33;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 18px #79e5aa14}.surah-orbit-path{z-index:3;transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.surah-orbit-counter{place-items:center;width:92px;height:92px;margin:-46px 0 0 -46px;display:grid;position:absolute;top:50%;left:100%}.surah-orbit-hover{place-items:center;display:grid;position:relative}.surah-orbit-planet{color:#fff;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:84px;height:84px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset -14px -14px 22px #00000047,inset 11px 10px 18px #fff3,0 0 18px #fff3}.surah-orbit-planet:hover{box-shadow:inset -14px -14px 22px #00000047,inset 11px 10px 18px #ffffff3d,0 0 32px #ffffff70}.planet-glow{filter:blur(10px);background:#fff3;border-radius:50%;position:absolute;inset:-18px}.planet-surface{border-radius:50%;position:absolute;inset:0}.surface-band{background:#ffffff47;border-radius:999px;height:16px;position:absolute;left:-18%;right:-18%;transform:rotate(-18deg)}.band-one{top:22px}.band-two{opacity:.42;bottom:20px;transform:rotate(18deg)}.surface-particles{background-image:radial-gradient(circle at 24% 28%,#ffffffbf 0 2px,#0000 2.5px),radial-gradient(circle at 72% 36%,#ffffff7a 0 1px,#0000 2px),radial-gradient(circle at 58% 74%,#ffffff6b 0 1px,#0000 2px);position:absolute;inset:0}.surah-planet-copy{z-index:1;text-align:center;text-shadow:0 1px 8px #0000006b;gap:.1rem;max-width:76px;display:grid;position:relative}.surah-planet-copy strong{font-size:1.05rem;line-height:1}.surah-planet-copy small{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.66rem;line-height:1.12;display:-webkit-box;overflow:hidden}.planet-tooltip{z-index:5;width:max-content;max-width:190px;color:var(--text);opacity:0;pointer-events:none;background:#080d1ce6;border:1px solid #ffffff38;border-radius:.55rem;padding:.48rem .62rem;font-size:.75rem;line-height:1.25;transition:all .16s;position:absolute;top:94px;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 12px 30px #00000038}.surah-orbit-hover:hover .planet-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.planet-water{background:linear-gradient(145deg,#b8ffff,#1d91da 50%,#16316d)}.planet-water .surface-band{background:#ceffff80}.planet-sand{background:linear-gradient(145deg,#ffe7a6,#ca8845 52%,#6e3d20)}.planet-sand .surface-band{background:#ffecb07a}.planet-night{background:linear-gradient(145deg,#d4b7ff,#6c4bc1 48%,#161d59)}.planet-sunrise{background:linear-gradient(145deg,#fff7a9,#ffad35 48%,#dd5236)}.planet-lava{background:linear-gradient(145deg,#ffd288,#f05c2a 46%,#631520)}.planet-lava .surface-band{background:#ffed7170}.planet-unity{color:#16332d;background:linear-gradient(145deg,#fff,#dffff5 48%,#8ec8d8);box-shadow:inset -14px -14px 22px #0000001f,inset 11px 10px 18px #ffffff8c,0 0 28px #ffffff8a}.planet-aura{background:linear-gradient(145deg,#eefec5,#71dda2 48%,#2f6f96)}.planet-earth{background:linear-gradient(145deg,#b9f7c4,#48a878 48%,#195a57)}.orbit-surah-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:1.4rem;display:grid}.orbit-surah-list a{border:1px solid var(--border);background:#10231b9e;border-radius:.75rem;gap:.25rem;padding:.8rem;text-decoration:none;display:grid}.orbit-surah-list a:hover{border-color:var(--accent);background:#79e5aa1a}.orbit-surah-list span{color:var(--muted);font-size:.85rem}@media (max-width:760px){.spiral-galaxy-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:.9rem}.spiral-galaxy{min-height:154px}.spiral-disc{width:112px;height:112px}.spiral-label{margin-top:96px}.orbit-system{width:min(620px,95vw);margin-top:1.6rem}.galaxy-center{width:88px;height:88px;margin:-44px 0 0 -44px}.center-core{inset:30px}.surah-orbit-planet{width:68px;height:68px}.surah-orbit-counter{width:74px;height:74px;margin:-37px 0 0 -37px}.surah-planet-copy{max-width:62px}.surah-planet-copy small{font-size:.58rem}.orbit-ring:nth-of-type(4){display:none}.orbit-surah-list{grid-template-columns:1fr}}.orbit-system{width:min(980px,96vw);overflow:visible}.surah-orbit-path{pointer-events:none}.surah-orbit-counter,.surah-orbit-hover,.surah-orbit-planet{pointer-events:auto}.surah-orbit-hover{z-index:6}.surah-orbit-planet{width:92px;height:92px}.compact-planet{width:74px;height:74px}.compact-planet .surah-planet-copy{max-width:66px}.compact-planet .surah-planet-copy strong{font-size:.95rem}.compact-planet .surah-planet-copy small{-webkit-line-clamp:1;font-size:.58rem}.planet-tooltip{top:104px}.compact-planet+.planet-tooltip{top:84px}.orbit-surah-list{margin-top:2rem}@media (max-width:760px){.orbit-system{aspect-ratio:1;width:min(760px,96vw);min-height:520px;overflow:auto visible}.surah-orbit-planet{width:66px;height:66px}.compact-planet{width:56px;height:56px}.compact-planet .surah-planet-copy strong{font-size:.82rem}.compact-planet .surah-planet-copy small,.planet-tooltip{display:none}.orbit-ring{opacity:.65}}.home-dashboard{gap:1.4rem;display:grid}.gamified-hero{min-height:380px}.gamified-card{gap:1rem;display:grid}.stat-row{flex-wrap:wrap;gap:.7rem;display:flex}.daily-goal-card{gap:.75rem;display:grid}.daily-goal-card h2{margin:0}.goal-progress{background:#ffffff0f;border:1px solid #79e5aa47;border-radius:999px;height:14px;overflow:hidden}.goal-progress span{background:linear-gradient(90deg,#79e5aa,#fff39c);border-radius:999px;height:100%;transition:width .35s;display:block;box-shadow:0 0 18px #79e5aa73}.goal-complete{color:#fff39c;background:#fff39c1f;border:1px solid #fff39c6b;border-radius:999px;align-items:center;padding:.45rem .65rem;font-size:.82rem;font-weight:800;display:inline-flex}.text-button{width:max-content;color:var(--accent);background:0 0;border:0;padding:0;font-weight:800}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-icon{width:2.1rem;height:2.1rem;color:var(--accent);background:#79e5aa1a;border:1px solid #79e5aa42;border-radius:50%;place-items:center;margin-bottom:.7rem;font-size:.78rem;font-weight:900;display:inline-grid}.xp-pop-layer{z-index:50;pointer-events:none;gap:.6rem;display:grid;position:fixed;bottom:1.4rem;right:1.2rem}.xp-pop{color:#10231b;text-align:center;background:linear-gradient(135deg,#fff39c,#79e5aa);border:1px solid #fff39c6b;border-radius:.85rem;min-width:116px;padding:.75rem .9rem;font-weight:900;box-shadow:0 18px 45px #0000003d}.xp-pop span{color:#10231bc2;margin-top:.15rem;font-size:.72rem;font-weight:800;display:block}.modal-backdrop{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020806b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.goal-modal{border:1px solid var(--border);background:linear-gradient(145deg,#173426f5,#08130ffa);border-radius:1rem;width:min(480px,100%);padding:1.4rem;box-shadow:0 26px 80px #00000052}.goal-modal h2{margin-bottom:1rem}.goal-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.goal-option{border:1px solid var(--border);color:var(--text);text-align:left;background:#ffffff0a;border-radius:.8rem;gap:.15rem;padding:1rem;display:grid}.goal-option:hover,.goal-option.selected{border-color:var(--accent);background:#79e5aa21}.goal-option strong{font-size:1.15rem}.goal-option span{color:var(--muted)}.notification-modal p{line-height:1.6}@media (max-width:800px){.three-columns{grid-template-columns:1fr}.xp-pop-layer{bottom:1rem;right:50%;transform:translate(50%)}.goal-options{grid-template-columns:1fr}}.cosmic-nav{z-index:80;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);background:#070a1fe6;border-bottom:1px solid #c2deff21;position:sticky;top:0;box-shadow:0 8px 28px #0000002e}.cd-nav-inner{justify-content:space-between;align-items:center;gap:15px;width:min(1240px,100% - 28px);min-height:64px;margin:0 auto;display:flex}.cd-brand{color:#f8fbff;letter-spacing:-.055em;white-space:nowrap;align-items:baseline;gap:6px;font-family:Avenir Next,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.2rem;font-weight:950;text-decoration:none;display:inline-flex}.cd-brand strong{color:#73f2e6}.cd-brand small{color:#c5b6ff;letter-spacing:.08em;font-family:Consolas,monospace;font-size:.58rem}.cd-nav-links{scrollbar-width:none;align-items:center;gap:3px;min-width:0;display:flex;overflow-x:auto}.cd-nav-links::-webkit-scrollbar{display:none}.cd-nav-link,.cd-nav-more summary{color:#b9c8e6;white-space:nowrap;border-radius:10px;align-items:center;min-height:34px;padding:7px 9px;font-size:.78rem;font-weight:850;text-decoration:none;display:inline-flex}.cd-nav-link--active,.cd-nav-more--active summary{color:#07172d;background:linear-gradient(135deg,#b6faff,#80dff9);box-shadow:0 3px #367f9c}.cd-nav-more{position:relative}.cd-nav-more summary{cursor:pointer;list-style:none}.cd-nav-more summary::-webkit-details-marker{display:none}.cd-nav-menu{background:#0a0f2efa;border:1px solid #c2dfff33;border-radius:16px;min-width:178px;padding:7px;display:grid;position:absolute;top:calc(100% + 11px);right:0;box-shadow:0 22px 54px #0006}.cd-nav-menu .cd-nav-link{color:#d5e4f8}.cd-nav-status{color:#c8dcf1;white-space:nowrap;align-items:center;gap:10px;font-size:.78rem;display:inline-flex}.cd-xp-score{color:#ffdb87;background:#ffd36e14;border:1px solid #ffd36e38;border-radius:999px;padding:6px 9px;font-family:Consolas,monospace;font-size:.74rem;font-weight:900}@media (max-width:620px){.cd-nav-inner{flex-wrap:wrap;gap:10px;width:min(100% - 20px,1240px);min-height:58px}.cd-brand{font-size:1.05rem}.cd-nav-links{order:3;width:100%;padding:0 0 8px}.cd-nav-status{gap:5px;margin-left:auto}.cd-nav-link,.cd-nav-more summary{min-height:30px;padding:6px 8px;font-size:.72rem}.cd-xp-score{padding:5px 7px}.cd-nav-links{flex:0 0 100%}}.surah-reader .quran-word{isolation:isolate;color:#f5fff9;border:1px solid #0000;border-radius:.55rem;padding:.16rem .3rem;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background .18s,box-shadow .18s,color .18s;position:relative;overflow:visible}.surah-reader .quran-word:hover,.surah-reader .quran-word:focus-visible,.surah-reader .quran-word.selected{z-index:4;color:#fff;background:radial-gradient(circle at 50% 58%,#79e5aa52,#79e5aa14 68%);border-color:#79e5aa9e;outline:0;transform:translateY(-4px)scale(1.045);box-shadow:0 0 0 2px #79e5aa1a,0 0 24px #79e5aa70,inset 0 1px #fff3}.surah-reader .quran-word.reading{color:#062112;background:var(--accent);box-shadow:0 0 0 3px #79e5aa38,0 0 25px #79e5aa73}.surah-reader .quran-word-tooltip{z-index:9;color:#eafaff;opacity:0;pointer-events:none;text-align:left;background:linear-gradient(135deg,#132e55f7,#37256df7);border:1px solid #9ae3ff8f;border-radius:.7rem;gap:.18rem;min-width:108px;max-width:min(220px,74vw);padding:.55rem .66rem;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;line-height:1.32;transition:opacity .16s,transform .16s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:calc(100% + 10px);right:50%;transform:translate(50%,6px)scale(.96);box-shadow:0 14px 32px #00000057,0 0 26px #72ddff4d}.surah-reader .quran-word-tooltip:after{content:"";background:#302568;border-bottom:1px solid #9ae3ff8f;border-right:1px solid #9ae3ff8f;width:10px;height:10px;position:absolute;bottom:-6px;right:50%;transform:translate(50%)rotate(45deg)}.surah-reader .quran-word-tooltip strong{color:#fff;font-size:.74rem;font-weight:850}.surah-reader .quran-word-tooltip small{color:#9df4db;font-size:.66rem;font-style:italic}.surah-reader .quran-word:hover .quran-word-tooltip,.surah-reader .quran-word:focus-visible .quran-word-tooltip,.surah-reader .quran-word.selected .quran-word-tooltip{opacity:1;transform:translate(50%)scale(1)}.surah-reader .word-detail{background:linear-gradient(124deg,#2a636863,#23305fd1);border-color:#75edff45;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #00000029}.surah-reader .word-detail.visible{border-color:#75edffab;box-shadow:0 0 0 2px #75edff14,0 15px 34px #0003,0 0 22px #75edff26}@media (max-width:560px){.surah-reader .quran-word-tooltip{max-width:170px;font-size:.66rem}.surah-reader .quran-word-tooltip strong{font-size:.68rem}}@media (prefers-reduced-motion:reduce){.surah-reader .quran-word,.surah-reader .quran-word-tooltip{transition:none}}