.prose{color:hsl(var(--foreground))}.prose h1{font-size:2rem;font-weight:800;margin-top:1.5rem;margin-bottom:.75rem;color:#065f46;line-height:1.2;scroll-margin-top:130px;transition:background-color .3s ease}.prose h2{font-size:1.75rem;font-weight:700;margin-top:1.25rem;margin-bottom:.5rem;color:#047857;scroll-margin-top:130px;transition:background-color .3s ease}.prose h3{font-size:1.5rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#059669;scroll-margin-top:130px;transition:background-color .3s ease}.prose h4{font-size:1.25rem;font-weight:600;margin-top:.75rem;margin-bottom:.375rem;color:#10b981;scroll-margin-top:130px;transition:background-color .3s ease}.prose h5{font-size:1.125rem;font-weight:600;margin-top:.5rem;margin-bottom:.25rem;color:#34d399;scroll-margin-top:130px;transition:background-color .3s ease}.prose h6{font-size:1rem;font-weight:600;margin-top:.5rem;margin-bottom:.25rem;color:#6ee7b7;scroll-margin-top:130px;transition:background-color .3s ease}.dark .prose h1{color:#a7f3d0}.dark .prose h2{color:#6ee7b7}.dark .prose h3{color:#34d399}.dark .prose h4{color:#10b981}.dark .prose h5{color:#059669}.dark .prose h6{color:#047857}.prose p{margin-bottom:.75rem;line-height:1.7}.prose p[dir=rtl],.prose p:has([lang=ar]){direction:rtl;text-align:right;unicode-bidi:plaintext}.prose [dir=rtl]:not(.ayat-block),.prose [dir=rtl]:not(.ayat-block) *{font-family:Traditional Arabic,Amiri,Noto Naskh Arabic,serif}.prose ul,.prose ol{margin-bottom:.5rem;padding-left:1.5rem}.prose li{margin-bottom:.125rem}.prose blockquote{border-left:3px solid hsl(var(--primary));padding-left:1rem;margin:.75rem 0;color:hsl(var(--muted-foreground));font-style:italic}.prose strong{font-weight:600;color:hsl(var(--primary))}.prose img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0}.prose a{color:hsl(var(--primary));text-decoration:underline}.prose a:hover{opacity:.8}.prose mark{background-color:#77bba4;color:#fff;padding:.125rem .25rem;border-radius:.25rem}.prose .ayat-block{font-family:Uthmanic,Amiri,serif!important;font-size:20px;line-height:2;text-align:center!important;padding:1rem 1.25rem;margin:1rem 0;background:linear-gradient(135deg,hsl(var(--primary) / .06),hsl(var(--primary) / .1),hsl(var(--primary) / .06));border:2px solid hsl(var(--primary) / .2);border-radius:1rem;direction:rtl;unicode-bidi:plaintext;box-shadow:0 2px 12px hsl(var(--primary) / .08);position:relative;overflow:hidden}.prose .ayat-block:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,hsl(var(--primary) / .5) 50%,transparent 100%)}.prose .ayat-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,hsl(var(--primary) / .5) 50%,transparent 100%)}.dark .prose .ayat-block{background:linear-gradient(135deg,hsl(var(--primary) / .15),hsl(var(--primary) / .22),hsl(var(--primary) / .15));border-color:hsl(var(--primary) / .35);box-shadow:0 4px 20px hsl(var(--primary) / .2)}.ayat-block:has([lang=ar]),.ayat-block:lang(ar){direction:rtl;text-align:center!important}.ayat-block *{font-family:inherit!important;font-size:inherit;line-height:inherit;color:hsl(var(--foreground));position:relative;z-index:1}.ayat-block:hover{border-color:hsl(var(--primary) / .45);box-shadow:0 6px 24px hsl(var(--primary) / .2);transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ayat-block{font-feature-settings:"liga" 1,"calt" 1,"dlig" 1,"rlig" 1,"clig" 1,"ccmp" 1,"mark" 1,"mkmk" 1,"curs" 1,"kern" 1,"rtlm" 1,"ss01" 1,"ss02" 1,"ss03" 1,"ss04" 1,"ss05" 1,"ss06" 1,"ss07" 1,"salt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:400;letter-spacing:.01em}.ayat-block .ayat-number{font-family:Uthmanic,serif!important;display:inline;margin:0 .1em;color:#065f46}.dark .ayat-block .ayat-number{color:#6ee7b7}@keyframes ayatFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ayat-block{animation:ayatFadeIn .5s ease-out}.audio-player{width:100%;height:48px;border-radius:8px;outline:none}.audio-player::-webkit-media-controls-panel{background-color:hsl(var(--muted));border-radius:8px}.audio-player::-webkit-media-controls-play-button{background-color:hsl(var(--primary));border-radius:50%}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:hsl(var(--foreground));font-size:12px}.audio-player::-webkit-media-controls-timeline{background-color:hsl(var(--border));border-radius:4px;margin:0 8px}.audio-player::-webkit-media-controls-volume-slider{background-color:hsl(var(--border));border-radius:4px}.audio-player::-moz-range-track{background-color:hsl(var(--border));border-radius:4px}.audio-player::-moz-range-progress{background-color:hsl(var(--primary))}.dark .audio-player::-webkit-media-controls-panel{background-color:hsl(var(--muted) / .5)}[data-annotation]{position:relative;cursor:pointer;transition:all .2s ease;color:#059669;font-weight:500;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#059669;text-decoration-thickness:1px;text-underline-offset:3px}.dark [data-annotation]{color:#34d399;text-decoration-color:#34d399}[data-annotation]:hover{text-decoration-style:solid;background-color:#10b9811a;border-radius:2px}[data-annotation]:after{content:attr(data-number);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff!important;margin-left:3px;padding:0;min-width:16px;height:16px;background:#059669!important;border-radius:50%;vertical-align:super;box-shadow:0 1px 3px #0000004d;line-height:16px;text-align:center;transition:all .2s ease}.dark [data-annotation]:after{background:#10b981!important}[data-annotation]:hover:after{transform:scale(1.1);box-shadow:0 2px 6px #0000004d}.annotation-tooltip{position:fixed;padding:8px 14px;background:#fff;color:#1f2937;border:2px solid #059669;border-radius:10px;font-size:13px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;max-width:min(500px,90vw);width:max-content;z-index:9999;pointer-events:none;box-shadow:0 4px 20px #00000026;opacity:0;transition:opacity .15s ease}.annotation-tooltip.visible{opacity:1}.dark .annotation-tooltip{background:#18181b;color:#f4f4f5;border-color:#10b981;box-shadow:0 4px 20px #00000080}
