.popup-message.svelte-15n3dh0.svelte-15n3dh0{position:fixed;top:100px;left:50%;padding:10px 20px;border-radius:999px;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 24px #499a7859;background:linear-gradient(135deg,#499a78,#2f6b52);opacity:0;transition:all 1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform:translateY(-100%) translate(-50%);z-index:200}.popup-message.active.svelte-15n3dh0.svelte-15n3dh0{opacity:1;transform:translate(-50%) translateY(-50%)}.recitation-main-wrapper.svelte-15n3dh0.svelte-15n3dh0{min-height:100vh;max-width:900px;margin:0 auto;padding:2rem 1.25rem 6rem}.recitation-back-link.svelte-15n3dh0.svelte-15n3dh0{display:inline-flex;align-items:center;gap:.2rem;color:var(--color-primary-medium);opacity:.75;text-decoration:none;font-size:.9rem;font-weight:600;transition:opacity .2s ease}.recitation-back-link.svelte-15n3dh0.svelte-15n3dh0:hover{opacity:1}.recitation-back-link.svelte-15n3dh0 i.svelte-15n3dh0{font-size:1.2rem}.recitation-reciter-summary.svelte-15n3dh0.svelte-15n3dh0{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1.25rem}.reciter-avatar.svelte-15n3dh0.svelte-15n3dh0{flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:999px;background:linear-gradient(135deg,#499a78,#2f6b52);color:#fff;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.recitation-reciter-name.svelte-15n3dh0.svelte-15n3dh0{font-weight:700;font-size:1.2rem}.recitation-reciter-stats.svelte-15n3dh0.svelte-15n3dh0{font-size:.85rem;opacity:.65;margin-top:.15rem}.recitation-search-bar.svelte-15n3dh0.svelte-15n3dh0{display:flex;align-items:center;gap:.6rem;background:var(--color-background-elevated);border-radius:999px;padding:.85rem 1.25rem;margin-bottom:1.75rem}.recitation-search-bar.svelte-15n3dh0 i.svelte-15n3dh0{opacity:.6}.recitation-search-bar.svelte-15n3dh0 input.svelte-15n3dh0{flex:1;background:transparent;border:none;outline:none;color:inherit;font-size:1rem}.recitation-main-wrapper.svelte-15n3dh0 .recitation-chapter-list.svelte-15n3dh0{display:flex;flex-direction:column}.recitation-main-wrapper.svelte-15n3dh0 .recitation-chapter-list .recitation-chapter-list-item.svelte-15n3dh0{background-color:var(--color-background-elevated);padding:1.1rem 1.4rem;border-radius:14px;align-items:center;justify-content:space-between;margin-bottom:.75rem;display:flex;gap:1.5rem;border:2px solid transparent;transition:border-color .2s ease,background .2s ease}.recitation-main-wrapper.svelte-15n3dh0 .recitation-chapter-list .recitation-chapter-list-item.isPlaying.svelte-15n3dh0{border-color:#499a7866;background:#499a7814}.recitation-main-wrapper.svelte-15n3dh0 .recitation-chapter-list .recitation-chapter-list-item .recitation-chapter-front-group.svelte-15n3dh0{display:flex;align-items:center;gap:1.1rem;min-width:0}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-front-group .recitation-chapter-item-name.svelte-15n3dh0{font-size:1.1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-front-group .recitation-chapter-item-index-key-wrapper.svelte-15n3dh0{flex-shrink:0;background:linear-gradient(135deg,#499a78,#2f6b52);border-radius:50%;width:2.6rem;height:2.6rem;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-front-group .recitation-chapter-item-index-key-wrapper .recitation-chapter-item-index.svelte-15n3dh0{font-size:.95rem}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-item-button-row.svelte-15n3dh0{display:flex;gap:.4rem;flex-shrink:0}.recitation-chapter-empty.svelte-15n3dh0.svelte-15n3dh0{text-align:center;opacity:.6;padding:3rem 0}@media (max-width: 640px){.recitation-main-wrapper.svelte-15n3dh0 .recitation-chapter-list .recitation-chapter-list-item.svelte-15n3dh0{flex-direction:column;align-items:stretch;gap:1rem}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-item-button-row.svelte-15n3dh0{justify-content:flex-end}}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-item-button-row .recitation-chapter-option-button.svelte-15n3dh0{outline:none;border:none;background-color:transparent;color:var(--color-primary-medium);font-size:1.4rem;width:2.4rem;height:2.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-item-button-row .recitation-chapter-option-button.svelte-15n3dh0:hover{background:#499a7826;color:#499a78}.recitation-chapter-list-item.svelte-15n3dh0 .recitation-chapter-item-button-row .recitation-chapter-option-button.isPlaying.svelte-15n3dh0{color:#499a78}