/* Additive reading, learning and atmosphere controls; the existing UI remains. */
.quran-listening{position:fixed!important;bottom:12px!important;left:244px!important;right:24px!important;max-width:1060px!important;width:auto!important;padding:16px!important;background:#102226f5!important;border:1px solid #d5b88b66!important;border-radius:16px!important;box-shadow:0 14px 45px #0008;z-index:40;max-height:65vh;overflow:auto;backdrop-filter:blur(18px)}
.quran-listening[hidden]{display:none!important}.listening-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.quran-listening p{margin:7px 0;color:var(--muted);font-size:12px}.quran-listening audio{width:100%;height:34px;margin-top:9px}.listening-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.listening-buttons button{min-height:36px;padding:8px 13px;font-size:12px}.quran-listening summary{cursor:pointer;color:var(--gold);margin-top:10px}.listening-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px 0}.listening-settings label,.listening-range label,.soundscape-tools label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.listening-settings select{width:100%}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important}.check-label input[type=checkbox]{width:17px;height:17px;accent-color:var(--gold);margin:0}.listening-range{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.listening-range input{width:85px}.listening-range button{min-height:41px}.reader-verse.reciting-verse{background:linear-gradient(110deg,#b99b4c1f,#40846b19);box-shadow:inset 3px 0 var(--gold);border-radius:10px;outline:1px solid #d5b88b33;scroll-margin:90px 0 240px}.reciting-indicator{color:var(--gold);font-size:11px;white-space:nowrap}.reciting-indicator[hidden]{display:none}.quran-layout{padding-bottom:210px}#continue-listening{font-size:12px;max-width:420px;white-space:normal;text-align:left}#resume-follow{color:var(--gold)}
.learning-scope{padding:15px 18px;border-left:2px solid var(--gold);background:#bda26f0c;color:var(--muted);font-size:12px;max-width:1000px}.learning-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:24px 0}.learning-search{width:min(100%,620px);margin:18px 10px 8px 0}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learning-card{padding:24px;display:flex;flex-direction:column}.learning-card h2{font-family:var(--display);font-weight:400;font-size:25px;line-height:1.25}.learning-card p{color:var(--muted);font-size:13px;flex:1}.lesson-card-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--gold)}.lesson-breadcrumb,.lesson-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.lesson-breadcrumb{justify-content:space-between}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:24px;max-width:1120px}.lesson-contents{padding:20px;position:sticky;top:20px}.lesson-contents h2{font-size:16px}.lesson-contents ol{padding-left:20px;margin:0}.lesson-contents li{margin:12px 0;font-size:12px;color:var(--muted)}.lesson-contents a[aria-current=step]{color:var(--gold);font-weight:600}.lesson-reading{padding:32px}.lesson-reading h2{font:32px var(--display);line-height:1.25}.lesson-reading>p,.lesson-recitation p,.lesson-notes p,.lesson-notes dd{font-size:var(--lesson-size,18px);line-height:1.85}.lesson-reading progress{display:block;accent-color:var(--gold);height:5px;width:100%;margin:18px 0 28px}.lesson-diagram{margin:20px 0;padding:22px;background:radial-gradient(ellipse,#395e4a30,transparent);text-align:center;border:1px solid var(--line);border-radius:14px;color:var(--gold)}.lesson-diagram svg{width:170px;height:140px}.lesson-diagram figcaption{font-size:11px;color:var(--muted)}.lesson-recitation{margin:24px 0;padding:23px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}.lesson-recitation h4{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:5px}.lesson-arabic{font-family:Amiri,serif;font-size:var(--lesson-arabic-size,32px);line-height:2;white-space:pre-line}.lesson-recitation .text-btn,.lesson-notes a{color:var(--gold);font-size:13px;overflow-wrap:anywhere}.lesson-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;flex-wrap:wrap}.lesson-notes{margin:24px 0;max-width:1120px;padding:28px}.lesson-notes h2{font:27px var(--display)}.lesson-notes details{padding:15px 0;border-bottom:1px solid var(--line)}.lesson-notes summary{cursor:pointer;color:var(--gold)}.lesson-notes dt{font-weight:bold;color:var(--gold);margin-top:15px}.learning-access{margin-top:25px}
.soundscape-panel{margin:24px 0;padding:24px;max-width:1320px}.soundscape-panel>p,.soundscape-panel details{font-size:12px;color:var(--muted)}.soundscape-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.soundscape-tools input[type=range]{width:150px;accent-color:var(--gold)}#ambience-credits a{color:var(--gold);text-decoration:underline}#ambience-credits p{max-width:900px;line-height:1.7}.background-motion{margin:16px 0;color:var(--muted);font-size:12px}.atmosphere-art{position:absolute;inset:0;overflow:hidden;opacity:.5}.atmosphere-art:before,.atmosphere-art:after{content:'';position:absolute;pointer-events:none}body:not(.theme-cosmic):not(.theme-original):not(.theme-moonlit) #stars{display:none}.theme-cosmic #stars{animation:star-drift 80s linear infinite alternate}.theme-original #stars{animation:none}.theme-rain .nebula{background:radial-gradient(ellipse at 65% 20%,#21405688,transparent 65%),linear-gradient(150deg,#0b1a25,#081217)}.theme-rain .atmosphere-art:before{inset:-40%;background-image:repeating-linear-gradient(103deg,transparent 0 72px,#b2dbe913 73px,#c7e3ef22 74px,transparent 76px 151px);transform:rotate(-4deg);animation:rain-fall 14s linear infinite}.theme-rain .tasbeeh-stage{background:linear-gradient(140deg,#172c39ed,#0a1820f0)}.theme-desert .nebula{background:radial-gradient(ellipse at 70% 18%,#a65d3260,transparent 50%),linear-gradient(#251c23,#191c20)}.theme-desert .atmosphere-art:before{width:100%;height:70%;bottom:-25%;left:-30%;background:#9a693e38;border-radius:50%;transform:rotate(-12deg)}.theme-desert .atmosphere-art:after{width:130%;height:65%;bottom:-30%;right:-40%;background:#b77a4033;border-radius:50%;transform:rotate(10deg)}.theme-desert .tasbeeh-stage{background:radial-gradient(ellipse at 80% 5%,#9f63362b,transparent 70%),linear-gradient(135deg,#29261ee8,#181f20f0)}.theme-moonlit .nebula{background:radial-gradient(ellipse at 72% 10%,#315a8c50,transparent 70%),#07121c}.theme-moonlit .atmosphere-art:before{width:140px;height:140px;border-radius:50%;top:8%;right:12%;background:radial-gradient(circle at 36% 30%,#e1e4cf,#9eabb055);box-shadow:0 0 90px #b8d9f325}.theme-moonlit .atmosphere-art:after{width:90%;height:28%;top:20%;background:radial-gradient(ellipse,#a2bbc913,transparent 65%);animation:cloud-drift 65s ease-in-out infinite alternate}.theme-makkah .nebula{background:radial-gradient(ellipse at 70% 10%,#a8883a28,transparent 60%),#0a1112}.theme-makkah .atmosphere-art:before{inset:0;background-image:radial-gradient(ellipse at 50% 100%,transparent 45%,#d5b88b16 46%,#d5b88b16 47%,transparent 48%);background-size:130px 180px;opacity:.5}.theme-makkah .tasbeeh-stage{background:linear-gradient(135deg,#1c211af0,#0c1717f0);border-color:#9c854450}.theme-emerald .atmosphere-art:before{inset:0;background-image:repeating-linear-gradient(45deg,transparent 0 49px,#b5c5960c 50px 51px,transparent 52px 100px),repeating-linear-gradient(-45deg,transparent 0 49px,#b5c5960c 50px 51px,transparent 52px 100px)}.theme-emerald .tasbeeh-stage{background:radial-gradient(ellipse at 40% 20%,#29644633,transparent 70%),#0d2822e8;border-color:#bca65d40}.theme-minimal .ambient,.theme-minimal .solar-system{display:none}.theme-minimal .tasbeeh-stage{background:#050505}.theme-minimal{--bg:#000;--panel:#080a09}.theme-minimal #beads-path{opacity:.35}html[data-background-motion=false] .ambient *,html[data-background-motion=false] .ambient *:before,html[data-background-motion=false] .ambient *:after,html[data-background-motion=false] .solar-system *{animation:none!important}.reduced-motion .atmosphere-art:before,.reduced-motion .atmosphere-art:after{animation:none!important}@keyframes star-drift{to{transform:translate3d(18px,30px,0)}}@keyframes rain-fall{to{transform:translate3d(-60px,190px,0) rotate(-4deg)}}@keyframes cloud-drift{to{transform:translate3d(12%,0,0)}}
@media(max-width:1000px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-layout>*{min-width:0}.lesson-contents{position:static}.lesson-contents ol{display:flex;overflow:auto;gap:25px;padding-left:18px;max-height:110px;max-width:100%}.lesson-contents li{min-width:130px}.lesson-reading{padding:24px}.quran-listening{left:244px!important;right:15px!important}.listening-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quran-listening{left:10px!important;right:10px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;padding:12px!important;max-height:60vh}.native-navigation .quran-listening{bottom:8px!important}.listening-buttons{gap:5px}.listening-buttons button{padding:8px 10px}.learning-grid{grid-template-columns:1fr}.lesson-reading,.lesson-notes{padding:20px}.lesson-reading h2{font-size:28px}.lesson-toolbar{gap:8px}.lesson-toolbar button{font-size:12px;padding:10px 13px}.learning-search{width:100%;margin-right:0}.learning-summary .outline-btn{width:100%}.learning-scope{font-size:11px}.soundscape-tools{align-items:flex-start;gap:15px}.soundscape-tools>label{flex:1;min-width:130px}.listening-range label{flex:1}.listening-range input{width:100%}.listening-settings{grid-template-columns:1fr 1fr}#continue-listening{max-width:100%;width:100%}}
#view-learn .lesson-reading>p,#view-learn .lesson-recitation p,#view-learn .lesson-notes p,#view-learn .lesson-notes dd{font-size:var(--lesson-size,18px);line-height:1.85}
@media(prefers-reduced-motion:reduce){.ambient *, .atmosphere-art:before,.atmosphere-art:after{animation:none!important}.reader-verse{scroll-behavior:auto}}