.audio-player-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.audio-player-modal{width:90%;max-width:400px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:3rem 2rem;box-shadow:0 20px 40px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem}.audio-player-modal .close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .3s ease,background .3s ease;padding:.5rem;border-radius:50%}.audio-player-modal .close-button:hover{color:#1f2937;background:rgba(0,0,0,.05)}.audio-player-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.audio-player-modal .modal-header .icon-container{width:64px;height:64px;border-radius:50%;background:rgba(132,204,22,.1);display:flex;align-items:center;justify-content:center;color:#84cc16;margin-bottom:.5rem}.audio-player-modal .modal-header h3{font-family:Urbanist,sans-serif;font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.audio-player-modal .modal-header p{font-family:Urbanist,sans-serif;font-size:.9rem;color:#6b7280;margin:0}.audio-player-modal .player-controls-container{width:100%;display:flex;flex-direction:column;gap:1.5rem}.audio-player-modal .progress-section{width:100%;display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.audio-player-modal .progress-container{width:100%;height:4px;background:#e5e7eb;border-radius:2px;cursor:pointer;position:relative;display:flex;align-items:center}.audio-player-modal .progress-container:hover{height:4px}.audio-player-modal .progress-container:hover .progress-bar:after{transform:translateY(-50%) scale(1.2)}.audio-player-modal .progress-bar{height:100%;background:#84cc16;border-radius:2px;position:relative;pointer-events:none}.audio-player-modal .progress-bar:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#84cc16;border-radius:50%;box-shadow:0 0 10px rgba(132,204,22,.3);transition:transform .2s ease;z-index:10}.audio-player-modal .time-display{display:flex;justify-content:space-between;font-family:Urbanist,sans-serif;font-size:.8rem;color:#6b7280;margin-top:.25rem}.audio-player-modal .main-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:.5rem}.audio-player-modal .main-controls .play-pause-btn{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;color:#84cc16;box-shadow:0 4px 12px rgba(0,0,0,.05)}.audio-player-modal .main-controls .play-pause-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(132,204,22,.2);border-color:#84cc16}.audio-player-modal .main-controls .play-pause-btn:active{transform:scale(.95)}.audio-player-modal .main-controls .mute-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.audio-player-modal .main-controls .mute-btn:hover{color:#84cc16;background:rgba(132,204,22,.1)}.transcript-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.transcript-modal{width:90%;max-width:450px;height:80vh;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:0;box-shadow:0 20px 40px rgba(0,0,0,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;display:flex;flex-direction:column;overflow:hidden}.transcript-modal .close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;transition:color .3s ease,background .3s ease;padding:.5rem;border-radius:50%;z-index:10}.transcript-modal .close-button:hover{color:#1f2937;background:rgba(0,0,0,.05)}.transcript-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff}.transcript-modal .modal-header h3{font-family:Urbanist,sans-serif;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.transcript-modal .modal-header p{font-family:Urbanist,sans-serif;font-size:.875rem;color:#6b7280;margin:0}.transcript-modal .transcript-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:none;-ms-overflow-style:none}.transcript-modal .transcript-content::-webkit-scrollbar{display:none}.transcript-modal .transcript-content .message{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.4;font-family:Urbanist,sans-serif}.transcript-modal .transcript-content .message.user{align-self:flex-end;background:#84cc16;color:#fff;border-bottom-right-radius:2px}.transcript-modal .transcript-content .message.assistant{align-self:flex-start;background:#f3f4f6;color:#1f2937;border-bottom-left-radius:2px}.transcript-modal .transcript-content .message .role-label{font-size:.7rem;margin-bottom:.25rem;opacity:.8;font-weight:600;text-transform:capitalize}