#listen-trigger{position:fixed;top:45%;right:0;z-index:9001;padding:18px 11px 14px;border:none;border-radius:3px 3px 3px 3px;background:#1c2674;color:#fff;font-size:15px;writing-mode:vertical-rl;transform:rotate(180deg);white-space:pre-wrap;cursor:pointer;box-shadow:-5px 0 9px rgba(0,0,0,0.16);transition:background 0.2s ease}#listen-trigger:hover{background:#43566d}#listen-panel-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,0.35);opacity:0;visibility:hidden;transition:opacity 0.25s ease}#listen-panel-backdrop.open{opacity:1;visibility:visible}#listen-panel{position:fixed;top:0;right:-480px;z-index:9002;width:480px;max-width:100vw;height:100vh;background:#fff;box-shadow:-4px 0 16px rgba(0,0,0,0.2);transition:right 0.25s ease}#listen-panel.open{right:0}#listen-panel iframe{display:block;width:100%;height:100%;border:0}#listen-close{position:absolute;top:12px;right:12px;z-index:1;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:18px;line-height:1;cursor:pointer}