.hifz-due-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#edf2e6;border:1px solid #dce5cf;border-radius:17px;margin:0 0 28px}.hifz-due-panel h2{font-size:19px;margin:5px 0}.hifz-due-panel p{font-size:12px;color:#728064;line-height:2;margin:0}.hifz-panel{background:#f2f6ec;border:1px solid #d9e3cf;border-radius:16px;padding:22px;margin:22px 0}.hifz-panel h3{font-size:18px;margin:4px 0 12px}.hifz-panel h4{font-size:17px}.repeat-picker{display:flex;gap:12px;align-items:center;font-size:13px;margin-top:15px;flex-wrap:wrap}.repeat-picker select,.story-voice-settings select{font:14px 'Noto Sans Arabic',sans-serif;border:1px solid #bfd0b2;background:#fff;color:#174f46;border-radius:8px;padding:7px 12px;min-height:44px}.practice-count{font-size:13px;color:#738165}.practice-verse{background:#fffdf7;border:1px solid #e3e6d6;border-radius:13px;padding:15px 20px;text-align:center;margin-bottom:15px}.listen-player{margin:16px 0}.listen-player audio{width:100%;height:46px}.listen-player .save-caption{margin:8px 0}.audio-attribution{font-size:11px;color:#8d977f}.practice-check,.secondary-button{font:13px 'Noto Sans Arabic',sans-serif;border:1px solid #b4c8a7;background:#fff;color:#28573f;border-radius:9px;min-height:46px;padding:10px 15px}.practice-check{width:100%;text-align:right}.practice-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.practice-actions .primary{font-size:13px}.practice-actions .secondary-button{flex:1}.hifz-panel>.text-button{display:block;margin-top:12px;min-height:44px;font-size:12px}.recall-box{background:#e3efda;border:1px solid #b8d0aa;padding:18px;border-radius:12px;margin-top:18px}.recall-box p{font-size:14px;line-height:2}.recall-box button{margin:5px 0 5px 12px}.recall-box .text-button{font-size:13px;min-height:44px}.full-passage,.link-previous{margin:18px 0;font-size:13px;line-height:2}.full-passage>summary,.link-previous>summary{cursor:pointer;min-height:44px;color:#4c7150;padding:9px 0}.link-previous p{padding:8px 12px;background:#fff9;border-radius:9px}.story-stage.extended-story{height:270px}.story-maryam{position:absolute;height:215px;bottom:0;right:8%;animation:maryam-breathe 5s ease-in-out infinite}.extended-story .story-bird{width:100px;right:48%;bottom:20px}.extended-story .story-sign{bottom:105px;font-size:14px;left:6%}.extended-story[data-scene="1"]{background:#e6ebe7}.extended-story[data-scene="1"] .story-bird{right:45%}.extended-story[data-scene="1"] .story-sign{bottom:100px}.extended-story[data-scene="2"] .story-bird{right:44%;width:110px}.extended-story[data-scene="3"] .story-bird{right:48%;bottom:10px}.extended-story[data-scene="3"] .story-sun{top:12px;right:30px;background:#f0dbaa}.extended-story[data-scene="4"]{background:#e0eee8}.extended-story[data-scene="4"] .cloud-a{animation-duration:4s}.extended-story[data-scene="4"] .story-sign{transform:rotate(4deg)}.extended-story[data-scene="5"]{background:#dce7e8}.extended-story[data-scene="5"] .story-sun{background:#f4edcb;box-shadow:8px 0 0 #dce7e8 inset}.extended-story[data-scene="6"]{background:#f5ecdb}.extended-story[data-scene="6"] .story-sun{background:#edc985}.extended-story[data-scene="7"]{background:#e0efe0}.extended-story[data-scene="7"] .story-star{font-size:40px;color:#bd9e4b}.story-narrative{font-size:16px;line-height:2.25;color:#526a50;white-space:pre-line;margin:15px 0 22px}.story-audio-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:15px 0;border-top:1px solid #e1e8da}.story-audio-toolbar .primary{font-size:12px}.story-audio-toolbar .text-button{font-size:12px;min-height:44px}.story-voice-settings{background:#f4f6ef;border:1px solid #e1e6d9;border-radius:11px;padding:10px 15px;font-size:12px;line-height:2.1}.story-voice-settings summary{cursor:pointer;min-height:35px}.story-voice-settings label{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.story-voice-settings select{max-width:100%;font-size:12px}.auto-story input{width:19px;height:19px;accent-color:#174f46}.story-voice-settings+.save-caption{font-size:11px}.hifz-panel .source-link{font-size:11px}.hifz-due-panel .primary{flex-shrink:0}.practice-verse[hidden]{display:none}.listen-player audio:focus-visible{outline:3px solid #d69448;outline-offset:3px}@keyframes maryam-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@media(max-width:1000px){.hifz-due-panel{align-items:flex-start;flex-direction:column}.hifz-due-panel .primary{align-self:flex-start}}@media(max-width:720px){.hifz-panel{padding:17px}.hifz-panel h3{font-size:17px}.hifz-due-panel{padding:18px;margin-top:8px}.practice-actions{align-items:stretch;flex-direction:column}.practice-actions button{width:100%}.story-stage.extended-story{height:235px}.story-maryam{height:180px;right:0}.extended-story .story-bird{width:83px!important;right:40%!important;bottom:20px!important}.extended-story .story-sign{left:4%;top:34px;bottom:auto!important;font-size:11px;padding:10px}.extended-story .story-sun{right:24px;top:15px}.story-narrative{font-size:15px;line-height:2.2}.story-audio-toolbar{gap:7px}.story-audio-toolbar .primary,.story-audio-toolbar .secondary-button{font-size:11px;padding:10px 12px}.recall-box{padding:15px}.story-stage.extended-story .cloud-b{display:none}.repeat-picker{font-size:12px}}@media(prefers-reduced-motion:reduce){.story-maryam{animation:none!important}}