body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.podcast-link{display:none;position:absolute;right:0;top:0;background:linear-gradient(135deg,#ff5722,#f44336)!important;color:#fff!important;font-weight:700!important;font-size:11px!important;padding:4px 10px!important;border-radius:4px!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 2px 5px rgba(255,87,34,.3)!important;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;z-index:100;cursor:pointer;white-space:nowrap;transition:all .2s ease}.podcast-link:hover{transform:translateY(-2px)!important;box-shadow:0 4px 8px rgba(255,87,34,.5)!important}.verse-container:hover .podcast-link,.verse-number:hover .podcast-link{display:block}.podcast-player{display:none;position:fixed;bottom:80px;right:20px;width:300px;background-color:#fff;border:2px solid #d8ac05;border-radius:8px;padding:10px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000}.podcast-player.active{display:block}.podcast-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #d8ac05;padding-bottom:5px}.podcast-title{font-size:14px;font-weight:700;color:#5c4033}.close-player{background:0 0;border:none;color:#5c4033;cursor:pointer;font-size:18px}.close-player:hover{color:#d8ac05}.podcast-player audio{width:100%}.podcast-icon{display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 1c-4.97 0-9 4.03-9 9v7c0 1.66 1.34 3 3 3h3v-8H5v-2c0-3.87 3.13-7 7-7s7 3.13 7 7v2h-4v8h3c1.66 0 3-1.34 3-3v-7c0-4.97-4.03-9-9-9z"/></svg>');background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:5px}.verse-number{display:inline-block;background-color:transparent;border:none;padding:0;margin:0 5px;text-align:center;vertical-align:middle;line-height:1.2;font-size:22px;color:#b8860b;position:relative;cursor:pointer}.verse-number:hover{color:#d8ac05}.verse-container{position:relative;margin-bottom:15px;line-height:1.8}.verse-reference{font-weight:700;color:#5c4033}.verse-translation{font-size:16px;color:#333;margin-left:5px}.verse-number.has-audio{color:#ff5722!important;font-weight:900!important;font-size:26px!important;text-shadow:0 0 8px rgba(255,87,34,.8),0 0 12px rgba(255,87,34,.6),0 2px 4px rgba(0,0,0,.3)!important;background:radial-gradient(circle,rgba(255,87,34,.2),transparent 70%);border-radius:50%;padding:8px;border:2px solid rgba(255,87,34,.4);position:relative;animation:audioHighlight 2s ease-in-out infinite alternate}.verse-number.has-audio:before{content:"🎧";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ff5722;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;animation:bounce 2s infinite;box-shadow:0 2px 8px rgba(255,87,34,.6)}.verse-reference.has-audio{color:#d84315!important;font-weight:700!important;cursor:pointer}.verse-reference.has-audio:before{display:none}.page-content.has-audio-content:before{display:none}.page-content.has-audio-content:after{display:none}.verse-container.has-audio{padding:4px 0;margin:2px 0;border-radius:0;position:relative}.verse-container.has-audio:before{display:none}.arabic-text .podcast-link{left:0;right:auto}.toolbar-button.audio-btn{background-color:#ff5722;color:#fff}.toolbar-button.audio-btn:hover{background-color:#e64a19}.audio-legend{position:fixed;top:20px;left:20px;background:linear-gradient(135deg,#ff5722,#f44336)!important;color:#fff;padding:10px 15px;border:3px solid #fff!important;border-radius:15px!important;font-size:12px;z-index:100;box-shadow:0 8px 25px rgba(255,87,34,.4),inset 0 2px 4px rgba(255,255,255,.2)!important;font-weight:700;animation:legendPulse 3s ease-in-out infinite}.audio-legend.hidden{display:none}@keyframes audioHighlight{0%{transform:scale(1);box-shadow:0 0 10px rgba(255,87,34,.5)}100%{transform:scale(1.1);box-shadow:0 0 20px rgba(255,87,34,.8)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes pulseGlow{0%,100%{box-shadow:0 4px 12px rgba(255,87,34,.3)}50%{box-shadow:0 6px 20px rgba(255,87,34,.6)}}@keyframes audioPagePulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(255,87,34,.4)}50%{transform:scale(1.1);box-shadow:0 8px 25px rgba(255,87,34,.7)}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}@keyframes buttonGlow{0%{box-shadow:0 4px 15px rgba(255,87,34,.5)}100%{box-shadow:0 6px 25px rgba(255,87,34,.8)}}@keyframes legendPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes counterPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeGlow{0%{box-shadow:0 2px 6px rgba(255,87,34,.4)}100%{box-shadow:0 4px 12px rgba(255,87,34,.7)}}@keyframes audioHover{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width:768px){.page-content.has-audio-content:before{width:45px;height:45px;font-size:18px;top:5px;right:5px}.page-content.has-audio-content:after{font-size:9px;padding:2px 6px;top:55px}.verse-number.has-audio{font-size:20px!important;padding:6px}.verse-reference.has-audio{font-size:16px!important;padding:4px 10px!important}.audio-legend{top:10px;left:10px;padding:8px 12px;font-size:11px}}@media (prefers-contrast:high){.verse-number.has-audio,.verse-reference.has-audio{background:#ffcdd2!important;border-color:#b71c1c!important}.page-content.has-audio-content:before{background:#b71c1c!important;border-color:#fff!important}}