.media-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:999999;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.25,.46,.45,.94)}.media-modal-overlay.active{opacity:1;visibility:visible}.media-modal-container{position:relative;width:90%;max-width:600px;max-height:90vh;margin:5vh auto;background:rgb(255 255 255 / .95);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;box-shadow:0 25px 50px -12px rgb(0 0 0 / .25),0 0 0 1px rgb(255 255 255 / .1),inset 0 1px 0 rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);transform:translateY(30px) scale(.95);transition:transform 0.4s cubic-bezier(.25,.46,.45,.94)}.media-modal-overlay.active .media-modal-container{transform:translateY(0) scale(1)}.media-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;border-radius:50%;background:rgb(0 0 0 / .1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:1000001;pointer-events:auto}.media-modal-close:hover{background:rgb(255 0 0 / .1);transform:scale(1.05)}.media-modal-close svg{width:20px;height:20px;color:#333;transition:color 0.2s ease}.media-modal-close:hover svg{color:#f44}.media-modal-content{padding:32px;padding-top:60px;max-height:75vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.media-modal-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:24px;text-align:center}.media-modal-buttons{display:flex;flex-direction:column;gap:12px}.media-modal-button{display:flex;align-items:center;gap:12px;padding:16px 20px;background:rgb(0 0 0 / .03);border:1px solid rgb(0 0 0 / .1);border-radius:12px;color:#333;text-decoration:none;font-weight:500;transition:all 0.2s ease;cursor:pointer}.media-modal-button:hover{background:rgb(245 158 11 / .1);border-color:rgb(245 158 11 / .3);color:#F59E0B;transform:translateY(-1px);box-shadow:0 4px 12px rgb(245 158 11 / .15)}.media-modal-button:focus{outline:3px solid rgb(245 158 11 / .5);outline-offset:2px;border-color:#F59E0B}.media-modal-button i{font-size:20px;width:20px;text-align:center}.media-modal-button .fa-youtube{color:red}.media-modal-button .fa-headphones{color:#6b46c1}.media-modal-button .fa-book{color:#059669}.play-media-button{background-color:#b2071d;border-radius:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:#fff;font-size:16px;transition:all 0.2s ease}.play-media-button:hover{background-color:#8b0618;transform:scale(1.05)}@media (max-width:768px){.media-modal-container{width:95%;margin:20px auto;max-height:90vh}.media-modal-content{padding:24px 20px;padding-top:60px}.media-modal-button{padding:14px 16px}}@media (max-width:480px){.media-modal-content{padding:20px 15px;padding-top:60px;max-height:calc(100vh - 80px)}.media-modal-button{padding:12px 14px}}.media-modal-button:nth-child(1){animation-delay:0.1s}.media-modal-button:nth-child(2){animation-delay:0.15s}.media-modal-button:nth-child(3){animation-delay:0.2s}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-modal-overlay.active .media-modal-button{animation:slideInUp 0.3s ease forwards}body.media-modal-open{overflow:hidden}:root{--media-modal-bg:rgba(255, 255, 255, 0.95);--media-modal-border:rgba(255, 255, 255, 0.2);--media-modal-text:#333;--media-button-bg:rgba(0, 0, 0, 0.03);--media-button-border:rgba(0, 0, 0, 0.1)}[data-theme="dark"]{--media-modal-bg:rgba(30, 30, 30, 0.95);--media-modal-border:rgba(255, 255, 255, 0.1);--media-modal-text:#e0e0e0;--media-button-bg:rgba(255, 255, 255, 0.05);--media-button-border:rgba(255, 255, 255, 0.1)}